@opentiny/vue-theme 3.8.4 → 3.9.0

package/theme/smb-theme/component.js

@@ -1,43 +1,600 @@
-export * from '../../alert/smb-theme'
-export * from '../../badge/smb-theme'
-export * from '../../breadcrumb/smb-theme'
-export * from '../../button/smb-theme'
-export * from '../../button-group/smb-theme'
-export * from '../../checkbox/smb-theme'
-export * from '../../checkbox-button/smb-theme'
-export * from '../../checkbox-group/smb-theme'
-export * from '../../collapse-item/smb-theme'
-export * from '../../date-table/smb-theme'
-export * from '../../dialog-box/smb-theme'
-export * from '../../dropdown/smb-theme'
-export * from '../../dropdown-item/smb-theme'
-export * from '../../dropdown-menu/smb-theme'
-export * from '../../form/smb-theme'
-export * from '../../form-item/smb-theme'
-export * from '../../grid/smb-theme'
-export * from '../../input/smb-theme'
-export * from '../../ip-address/smb-theme'
-export * from '../../link/smb-theme'
-export * from '../../loading/smb-theme'
-export * from '../../modal/smb-theme'
-export * from '../../nav-menu/smb-theme'
-export * from '../../notify/smb-theme'
-export * from '../../numeric/smb-theme'
-export * from '../../option/smb-theme'
-export * from '../../option-group/smb-theme'
-export * from '../../pager/smb-theme'
-export * from '../../popover/smb-theme'
-export * from '../../progress/smb-theme'
-export * from '../../radio/smb-theme'
-export * from '../../scrollbar/smb-theme'
-export * from '../../search/smb-theme'
-export * from '../../select/smb-theme'
-export * from '../../select-dropdown/smb-theme'
-export * from '../../slider/smb-theme'
-export * from '../../steps/smb-theme'
-export * from '../../switch/smb-theme'
-export * from '../../tabs/smb-theme'
-export * from '../../tag/smb-theme'
-export * from '../../text-popup/smb-theme'
-export * from '../../textarea/smb-theme'
-export * from '../../tooltip/smb-theme'
+export const concatTheme = {
+  '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-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-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-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-base)',
+  'ti-alert-large-icon-font-size': '21px',
+  'ti-alert-large-icon-margin-top': '3px',
+  '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-top': 'var(--ti-common-space-2x)',
+  'ti-alert-description-line-height': '1.5',
+  'ti-badge-font-size': 'var(--ti-common-font-size-0)',
+  'ti-breadcrumb-text-color': '#191919',
+  'ti-breadcrumb-font-size': 'var(--ti-common-font-size-base)',
+  'ti-breadcrumb-text-line-height': '22px',
+  'ti-breadcrumb-hover-text-decoration': 'underline',
+  'ti-breadcrumb-separator-width': 'var(--ti-common-size-4x)',
+  'ti-button-normal-text-color': '#191919',
+  'ti-button-normal-border-color': '#595959',
+  'ti-button-border-radius': '25px',
+  'ti-button-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-button-text-hover-weight': 'var(--ti-common-font-weight-6)',
+  'ti-button-text-color-hover': 'var(--ti-common-color-text-highlight)',
+  'ti-button-normal-hover-border-color': '#C2C2C2',
+  'ti-button-normal-disabled-border-color': 'transparent',
+  'ti-common-color-primary-disabled-border': 'transparent',
+  'ti-common-color-success-disabled-border': 'transparent',
+  'ti-common-color-warning-disabled-border': 'transparent',
+  'ti-common-color-danger-disabled-border': 'transparent',
+  'ti-common-color-info-disabled-border': 'transparent',
+  'ti-button-size-large-padding-horizontal': 'var(--ti-common-size-12x)',
+  'ti-button-size-medium-padding-horizontal': 'var(--ti-common-size-8x)',
+  'ti-button-size-normal-padding-horizontal': 'var(--ti-common-size-6x)',
+  'ti-button-size-small-padding-horizontal': 'var(--ti-common-size-4x)',
+  'ti-button-danger-plain-bg-color': 'transparent',
+  'ti-button-size-large-mini-width': 'var(--ti-common-size-31x)',
+  'ti-button-size-medium-mini-width': 'var(--ti-common-size-28x)',
+  'ti-button-size-normal-mini-width': 'var(--ti-common-size-24x)',
+  'ti-button-size-small-mini-width': 'var(--ti-common-size-18x)',
+  'ti-button-danger-plain-hover-bg-color': 'transparent',
+  'ti-button-danger-plain-hover-text-color': '#F76360',
+  'ti-button-danger-plain-hover-border-color': '#F76360',
+  'ti-button-danger-plain-disabled-border-color': 'transparent',
+  'ti-button-size-large-font-size': 'var(--ti-common-font-size-base)',
+  'ti-button-size-mini-mini-width': '24px',
+  'ti-button-text-svg-width': '16px',
+  'ti-button-text-svg-height': '16px',
+  'ti-button-text-hover-bg-color': '#0000000D',
+  'ti-button-text-hover-border-radius': '4px',
+  'ti-button-text-svg-fill': '#191919',
+  'ti-button-text-svg-hover-fill': '#595959',
+  'ti-button-text-svg-fill-disabled': '#C2C2C2',
+  'ti-button-text-svg-padding-horizontal': '0px',
+  'ti-button-size-small-font-size': '12px',
+  'ti-button-loading-bg-color': 'rgba(255, 255, 255, 0.5)',
+  'ti-button-size-mini-font-size': '12px',
+  'ti-button-size-large-margin-left': '16px',
+  'ti-button-size-medium-margin-left': '16px',
+  'ti-button-size-small-margin-left': '8px',
+  'ti-button-text-size-large-min-width': '56px',
+  'ti-button-text-size-large-height': '56px',
+  'ti-button-text-size-large-svg-width': '48px',
+  'ti-button-text-size-large-svg-height': '48px',
+  'ti-button-text-size-medium-min-width': '40px',
+  'ti-button-text-size-medium-height': '40px',
+  'ti-button-text-size-medium-svg-width': '32px',
+  'ti-button-text-size-medium-svg-height': '32px',
+  'ti-button-text-size-default-min-width': '32px',
+  'ti-button-text-size-default-height': '32px',
+  'ti-button-text-size-default-svg-width': '24px',
+  'ti-button-text-size-default-svg-height': '24px',
+  'ti-button-text-size-small-min-width': '24px',
+  'ti-button-text-size-small-height': '24px',
+  'ti-button-text-size-small-svg-width': '16px',
+  'ti-button-text-size-small-svg-height': '16px',
+  'ti-button-text-size-mini-min-width': '24px',
+  'ti-button-text-size-mini-height': '24px',
+  'ti-button-text-size-mini-svg-width': '16px',
+  'ti-button-text-size-mini-svg-height': '16px',
+  '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': '#191919',
+  'ti-button-group-item-active-border-color': '#191919',
+  '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': '#FFFFFF',
+  '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': '#191919',
+  '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': 'rgba(0,0,0,0.05)',
+  'ti-button-group-item-active-disabled-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-button-group-item-btn-hover-border-color': '#c2c2c2',
+  'ti-button-group-active-hover-border-color': '#191919',
+  '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': '#FFFFFF',
+  'ti-button-group-no-border-border-color': '#191919',
+  '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-checkbox-border-radius': '4px',
+  'ti-checkbox-label-text-color-disabled': '#c2c2c2',
+  'ti-checkbox-bg-color-disable': 'rgba(0,0,0,0.05)',
+  'ti-checkbox-icon-color-disabled': '#fff',
+  'ti-checkbox-bg-color-checked-disabled': '#dbdbdb',
+  'ti-checkbox-border-color-checked-disabled': '#dbdbdb',
+  'ti-checkbox-checkline-width': 'var(--ti-common-border-weight-normal)',
+  'ti-checkbox-label-margin-right': 'var(--ti-common-space-6x)',
+  'ti-checkbox-icon-margin-top': '1px',
+  'ti-checkbox-icon-margin-left': '4px',
+  'ti-checkbox-button-checked-bg-color': '#FFFFFF',
+  'ti-checkbox-button-checked-text-color': '#191919',
+  'ti-checkbox-button-text-color': '#595959',
+  'ti-checkbox-button-bg-color-hover': '#FFFFFF',
+  'ti-checkbox-button-hover-text-color': '#191919',
+  'ti-checkbox-button-bg-color': '#fff',
+  'ti-checkbox-button-bg-color-hover': 'var(--ti-common-color-bg-hover)',
+  'ti-checkbox-button-hover-text-color': '#191919',
+  'ti-checkbox-button-border-color': '#C2C2C2',
+  'ti-checkbox-button-border-color-hover': '#191919',
+  'ti-checkbox-button-right-border-radius': '6px',
+  'ti-checkbox-button-left-border-radius': '6px',
+  'ti-checkbox-button-border-radius': '6px',
+  'ti-checkbox-button-padding-horizontal': '16px',
+  'ti-checkbox-button-padding-vertical': '4px',
+  'ti-checkbox-button-height': '22px',
+  'ti-checkbox-button-margin-horizontal': '4px',
+  'ti-checkbox-button-mini-margin-horizontal': '2px',
+  'ti-checkbox-button-size-mini-font-size': 'var(--ti-common-font-size-0)',
+  'ti-checkbox-button-size-mini-border-radius': '4px',
+  'ti-checkbox-button-size-small-padding-horizontal': '16px',
+  'ti-checkbox-button-size-small-height': '32px',
+  'ti-checkbox-button-checked-display': 'block',
+  'ti-checkbox-button-disabled-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-checkbox-button-margin-top': '8px',
+  'ti-checkbox-button-mini-left-border-radius': '4px',
+  'ti-checkbox-button-mini-right-border-radius': '4px',
+  'ti-checkbox-button-mini-last-left-border-radius': '4px',
+  'ti-checkbox-button-mini-last-right-border-radius': '4px',
+  'ti-checkbox-group-margin-bottom': '16px',
+  'ti-checkbox-group-flex-wrap': 'wrap',
+  'ti-collapse-item-border-radius': '0',
+  'ti-collapse-item-header-padding-vertical': '9px',
+  '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',
+  'ti-collapse-item-border-color': 'transparent',
+  'ti-collapse-item-content-border-color': 'rgba(0,0,0,0.08)',
+  'ti-collapse-item-content-border-color-top': 'rgba(0,0,0,0.08)',
+  'ti-collapse-item-content-padding-top': 'var(--ti-common-space-6x)',
+  '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-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-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)',
+  'ti-dialog-box-head-title-font-size': 'var(--ti-common-font-size-4)',
+  'ti-dialog-box-head-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-dialog-box-close-icon-size': 'var(--ti-common-font-size-4)',
+  'ti-dialog-box-close-icon-color': 'var(--ti-common-color-icon-normal)',
+  'ti-dialog-box-close-icon-color-hover': 'var(--ti-common-color-icon-hover)',
+  'ti-dialog-box-body-text-color': 'var(--ti-common-color-text-primary)',
+  'ti-dialog-box-footer-btn-min-width': 'calc(var(--ti-common-space-base) * 24)',
+  'ti-dialog-box-drawer-divider-border-color': 'transparent',
+  'ti-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)',
+  'ti-dropdown-icon-color-hover': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-dropdown-caret-svg-margin-horizontal': 'var(--ti-common-space-0)',
+  'ti-dropdown-caret-button-padding-right': 'var(--ti-common-space-6x)',
+  'ti-dropdown-caret-line-width': 'var(--ti-common-size-0)',
+  'ti-dropdown-title-button-padding-left': 'var(--ti-common-space-6x)',
+  'ti-dropdown-title-button-padding-right': 'var(--ti-common-space-0)',
+  'ti-dropdown-button-icon-size': 'var(--ti-common-font-size-2)',
+  'ti-dropdown-item-expand-icon-size': 'var(--ti-common-font-size-2)',
+  'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-0)',
+  'ti-dropdown-item-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-dropdown-item-hover-text-color': 'var(--ti-common-color-text-primary)',
+  'ti-dropdown-item-icon-color-hover': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-dropdown-item-expand-svg-margin-left': 'var(--ti-common-space-0)',
+  'ti-dropdown-item-expand-svg-margin-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-item-content-margin-left': 'calc(var(--ti-dropdown-item-expand-icon-size) + var(--ti-common-space-2x))',
+  'ti-dropdown-item-max-width': 'var(--ti-common-size-auto)',
+  'ti-dropdown-item-height': 'var(--ti-common-size-height-normal)',
+  'ti-dropdown-item-icon-color': 'var(--ti-common-color-icon)',
+  'ti-dropdown-item-content-font-weight-hover': 'var(--ti-common-font-weight-6)',
+  'ti-dropdown-menu-padding-vertical': 'var(--ti-common-space-2x)',
+  'ti-dropdown-menu-min-width': '124px',
+  'ti-form-item-label-top-margin-bottom': '24px',
+  'ti-form-item-label-top-label-line-height': '1.5',
+  'ti-form-item-label-top-label-height': 'calc(1.5em + 8px)',
+  'ti-form-item-label-text-color': 'var(--ti-common-color-text-secondary)',
+  'ti-form-item-margin-bottom-default': '24px',
+  'ti-form-item-margin-bottom-mini': '12px',
+  'ti-form-item-margin-bottom-small': '20px',
+  'ti-form-item-margin-bottom-medium': '24px',
+  'ti-form-item-error-star-display': 'none',
+  'ti-form-item-input-mini-height': '20px',
+  'ti-form-item-input-small-height': '24px',
+  'ti-form-item-input-medium-height': '32px',
+  'ti-form-item-mini-line-height': '20px',
+  'ti-form-item-small-line-height': '24px',
+  'ti-form-item-medium-line-height': '32px',
+  'ti-grid-header-background-color': 'var(--ti-common-color-bg-white-emphasize)',
+  'ti-grid-medium-header-column-height': '46px',
+  'ti-grid-default-header-column-height': 'var(--ti-common-size-height-medium)',
+  'ti-grid-small-header-column-height': 'var(--ti-common-size-height-normal)',
+  'ti-grid-mini-header-column-height': '26px',
+  'ti-grid-medium-column-height': '52px',
+  'ti-grid-default-column-height': 'var(--ti-common-size-height-large)',
+  'ti-grid-small-column-height': 'var(--ti-common-size-height-medium)',
+  'ti-grid-mini-column-height': 'var(--ti-common-size-height-minor)',
+  'ti-grid-header-resizable-bg-color': 'rgba(0,0,0,0.15)',
+  'ti-grid-header-resizable-line-height': '16px',
+  'ti-grid-checkbox-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-grid-checkbox-border-radius': 'var(--ti-common-border-radius-2)',
+  'ti-grid-header-repair-border-color': 'var(--ti-common-color-transparent)',
+  'ti-grid-td-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-grid-header-text-color': 'var(--ti-common-color-text-secondary)',
+  'ti-grid-row-hover-background-color': 'var(--ti-common-color-bg-white-emphasize)',
+  'ti-grid-icon-color': 'var(--ti-common-color-icon)',
+  'ti-grid-checkbox-icon-size': 'var(--ti-common-font-size-2)',
+  'ti-input-border-color': 'var(--ti-common-color-line-normal)',
+  '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-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-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-font-size': 'var(--ti-common-font-size-1)',
+  'ti-input-placeholder-color': '#808080',
+  '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)',
+  'ti-ip-address-line-height': 'var(--ti-common-line-height-1)',
+  'ti-ip-address-input-width': 'var(--ti-common-size-8x)',
+  'ti-ip-address-disabled-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-ip-address-normal-font-family': '"Manrop","Manrope-Medium"',
+  'ti-ip-address-normal-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-link-display': 'none',
+  'ti-link-svg-width': '16px',
+  'ti-link-svg-height': '16px',
+  'ti-link-svg-margin-right': '4px',
+  'ti-link-font-weight': 'var(--ti-common-font-weight-4)',
+  'ti-link-default-border-display': 'block',
+  'ti-link-default-hover-border-color': '#595959',
+  'ti-link-default-hover-text-color': '#595959',
+  'ti-link-default-text-color': 'var(--ti-common-color-line-active)',
+  'ti-link-default-disabled-text-color': '#C2C2C2',
+  'ti-link-icon-hover-text-weight': 'var(--ti-common-font-weight-6)',
+  'ti-loading-text-color': 'var(--ti-common-color-text-primary)',
+  'ti-loading-spinner-width': '16px',
+  'ti-loading-spinner-height': '16px',
+  'ti-loading-fullscreen-height': '16px',
+  'ti-loading-fullscreen-width': '16px',
+  'ti-loading-fullscreen-small-width': '16px',
+  'ti-loading-fullscreen-medium-width': '24px',
+  'ti-loading-fullscreen-large-width': '32px',
+  'ti-loading-fullscreen-small-height': '16px',
+  'ti-loading-fullscreen-medium-height': '24px',
+  'ti-loading-fullscreen-large-height': '32px',
+  'ti-loading-spinner-small-height': '16px',
+  'ti-loading-spinner-medium-height': '24px',
+  'ti-loading-spinner-large-height': '32px',
+  'ti-loading-spinner-small-width': '16px',
+  'ti-loading-spinner-medium-width': '24px',
+  'ti-loading-spinner-large-width': '32px',
+  'ti-modal-box-shadow': 'var(--ti-common-shadow-4-down)',
+  'ti-modal-header-font-size': 'var(--ti-common-font-size-4)',
+  'ti-modal-header-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-modal-box-border-radius': 'var(--ti-common-border-radius-4)',
+  'ti-modal-close-btn-font-size': 'var(--ti-common-font-size-4)',
+  'ti-modal-close-btn-icon-color': 'var(--ti-common-color-icon-normal)',
+  'ti-modal-close-btn-hover-icon-color': 'var(--ti-common-color-icon-hover)',
+  'ti-modal-zoom-btn-right': 'calc(var(--ti-common-space-base) * 12)',
+  'ti-modal-footer-padding-top': 'var(--ti-common-space-6x)',
+  'ti-modal-footer-btn-min-width': 'calc(var(--ti-common-space-base) * 24)',
+  'ti-modal-footer-btn-border-radius': 'calc(var(--ti-common-space-10) * 5)',
+  'ti-modal-small-text-color': 'var(--ti-common-color-text-secondary)',
+  'ti-modal-message-font-size': 'var(--ti-common-font-size-base)',
+  'ti-modal-message-padding-left': 'var(--ti-common-space-4x)',
+  'ti-modal-message-padding-right': 'var(--ti-common-space-3x)',
+  'ti-modal-message-padding-vertical': 'calc(var(--ti-common-space-10) - 0.5px)',
+  '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-nav-menu-bg-color': '#282b33',
+  'ti-notify-max-width': '340px',
+  'ti-notify-message-margin-left': 'var(--ti-common-space-2x)',
+  'ti-notify-info-bg-color': 'var(--ti-common-color-bg-navigation)',
+  'ti-notify-border-radius': 'var(--ti-common-border-radius-4)',
+  'ti-notify-box-shadow': '0px 2px 12px 0px rgba(0,0,0,0.08)',
+  'ti-notify-close-icon-font-size': 'var(--ti-common-font-size-4)',
+  'ti-notify-close-icon-color': 'var(--ti-common-color-icon-normal)',
+  'ti-notify-title-font-size': 'var(--ti-common-font-size-2)',
+  'ti-notify-title-font-weight': '600',
+  'ti-notify-content-text-color': 'var(--ti-common-color-text-secondary)',
+  'ti-notify-message-margin-right': 'var(--ti-common-space-3x)',
+  'ti-notify-close-hover-icon-color': 'var(--ti-common-color-icon-hover)',
+  'ti-notify-position-top-left': 'var(--ti-common-space-6x)',
+  'ti-notify-position-bottom-left': 'var(--ti-common-space-6x)',
+  'ti-notify-position-top-right': 'var(--ti-common-space-6x)',
+  'ti-notify-position-bottom-right': 'var(--ti-common-space-6x)',
+  'ti-notify-success-bg-color': 'var(--ti-common-color-bg-navigation)',
+  '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-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-option-height': 'var(--ti-common-size-height-normal)',
+  'ti-option-font-size': 'var(--ti-common-font-size-1)',
+  'ti-option-border-radius': 'var(--ti-common-border-radius-0)',
+  'ti-option-selected-font-weight': 'var(--ti-common-font-weight-7)',
+  'ti-option-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-option-icon-color-selected': 'var(--ti-common-color-icon-graybg-active)',
+  'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-option-disabled-text-color': 'var(--ti-common-color-text-disabled)',
+  'ti-option-hover-bg-color': 'var(--ti-common-color-bg-white-emphasize)',
+  'ti-option-selected-bg-color': 'var(--ti-common-color-bg-white-normal)',
+  'ti-option-selected-bg-color-hover': 'var(--ti-common-color-bg-white-emphasize)',
+  'ti-option-group-title-font-size': 'var(--ti-common-font-size-0)',
+  'ti-option-group-title-text-color': 'var(--ti-common-color-text-weaken)',
+  'ti-option-group-title-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-pager-primary-bg-color': 'var(--ti-common-color-bg-white-emphasize)',
+  'ti-pager-active-bg-color': '#0000000D',
+  'ti-pager-li-border-radius': '20px',
+  'ti-pager-height': '32px',
+  'ti-pager-input-height': '32px',
+  'ti-pager-poplist-item-padding-horizontal': '8px',
+  'ti-pager-active-font-color': 'var(--ti-common-color-text-link)',
+  'ti-pager-li-item-hover-text-color': 'var(--ti-pager-text-color)',
+  'ti-pager-goto-btn-text-hover-color': 'var(--ti-common-color-selected-text-color)',
+  'ti-pager-total-font-size': '14px',
+  'ti-pager-total-height': '22px',
+  'ti-pager-total-line-height': '22px',
+  'ti-pager-input-border-color': '#C2C2C2',
+  'ti-pager-total-svg-color': 'var(--ti-common-color-icon-normal)',
+  'ti-pager-input-padding-vertical': '12px',
+  'ti-pager-svg-font-size': '16px',
+  'ti-pager-prev-padding-left': '0px',
+  'ti-pager-prev-padding-right': '0px',
+  'ti-pager-prev-margin-left': '16px',
+  'ti-pager-prev-margin-right': '8px',
+  'ti-pager-next-margin-left': '8px',
+  'ti-pager-next-margin-right': '0px',
+  'ti-pager-next-padding-right': '0px',
+  'ti-pager-btn-svg-color': 'var(--ti-common-color-icon-normal)',
+  'ti-pager-active-font-weight': '600',
+  'ti-pager-dot-is-popup-display': 'none',
+  'ti-pager-dot-before-display': 'block',
+  'ti-pager-poplist-item-hover-bg-color': '#0000000D',
+  'ti-pager-poplist-item-hover-text-color': '#191919',
+  'ti-pager-li-item-hover-font-weight': 'var(--ti-common-font-weight-6)',
+  '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-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-popconfirm-margin-right': 'var(--ti-common-space-6x)',
+  'ti-popconfirm-popover-footer-justify-content': 'center',
+  'ti-popconfirm-popover-container-padding-vertical': '7px',
+  'ti-popconfirm-popover-footer-font-color': '#191919',
+  'ti-popconfirm-popover-icon-width': 'var(--ti-common-size-4x)',
+  'ti-popover-box-shadow': '0px 2px 12px 0px rgba(0,0,0,0.08)',
+  'ti-popover-border-radius': '8px',
+  'ti-popover-padding-vertical': '9px',
+  'ti-popover-padding-horizontal': '16px',
+  'ti-popover-border-color': 'transparent',
+  'ti-popover-arrow-border-color': 'transparent',
+  'ti-popover-arrow-height': '8px',
+  'ti-popover-line-height': '20px',
+  'ti-progress-bar-inner-bg-color': 'var(--ti-common-color-data-4)',
+  'ti-progress-bar-text-margin-left': 'var(--ti-common-space-3x);',
+  'ti-radio-margin-right': 'var(--ti-common-space-6x)',
+  'ti-radio-bordered-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-radio-bordered-checked-hover-border-color': 'var(--ti-common-color-bg-primary-hover)',
+  'ti-radio-bordered-hover-border-color': 'var(--ti-common-color-line-hover)',
+  'ti-radio-inner-checked-hover-bg-color': 'var(--ti-common-color-bg-primary-hover)',
+  'ti-radio-input-checked-disabled-bg-color': '#fff',
+  'ti-radio-inner-checked-disabled-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
+  'ti-common-font-size-base': 'var(--ti-common-font-size-1)',
+  'ti-radio-button-margin-bottom': 'var(--ti-common-space-4x)',
+  'ti-scrollbar-vertical-right': '4px',
+  'ti-scrollbar-vertical-width': '8px',
+  'ti-scrollbar-thumb-bg-color': 'var(--ti-common-scrollbar-thumb-bg-color)',
+  'ti-scrollbar-thumb-hover-bg-color': 'var(--ti-common-scrollbar-thumb-bg-color)',
+  'ti-scrollbar-thumb-border-radius': 'var(--ti-common-scrollbar-thumb-border-radius)',
+  'ti-search-input-btn-hover-icon-color': 'var(--ti-common-color-icon-hover)',
+  'ti-search-input-padding-left': 'var(--ti-common-space-3x)',
+  'ti-search-input-btn-icon-position-right': 'var(--ti-common-space-3x)',
+  'ti-search-selector-box-shadow': 'var(--ti-common-shadow-3-up)',
+  'ti-search-input-btn-icon-size': 'var(--ti-common-font-size-2)',
+  'ti-search-input-placeholder-color': 'var(--ti-common-color-placeholder)',
+  'ti-search-input-left-svg-margin-right': '-8px',
+  'ti-select-input-caret-font-size': 'var(--ti-common-font-size-2)',
+  'ti-select-input-caret-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-select-input-caret-icon-color': 'var(--ti-common-color-icon-normal)',
+  'ti-select-tags-wrap-padding-left': 'calc(var(--ti-common-space-6)/2)',
+  'ti-select-tags-wrap-padding-top': 'calc(var(--ti-common-space-6)/2)',
+  'ti-select-tags-wrap-padding-bottom': 'calc(var(--ti-common-space-6)/2)',
+  'ti-select-input-icon-top-small': 'var(--ti-common-space-3x)',
+  'ti-select-input-icon-top': 'var(--ti-common-space-4x)',
+  'ti-select-dropdown-border-radius': 'var(--ti-common-border-radius-3)',
+  'ti-select-dropdown-empty-text-color': 'var(--ti-common-color-text-weaken)',
+  'ti-select-dropdown-empty-padding-horizontal': 'var(--ti-common-size-0)',
+  'ti-select-dropdown-empty-padding-vertical': 'var(--ti-common-space-2x)',
+  'ti-select-dropdown-margin-top': 'var(--ti-common-space-base)',
+  'ti-select-dropdown-box-shadow': 'var(--ti-common-shadow-2-down)',
+  'ti-select-dropdown-padding-top': 'var(--ti-common-space-2x)',
+  'ti-select-dropdown-padding-bottom': 'var(--ti-common-space-2x)',
+  'ti-select-dropdown-max-height': 'calc(240px - var(--ti-select-dropdown-padding-top) - var(--ti-select-dropdown-padding-bottom) + var(--ti-common-space-2x))',
+  'ti-select-dropdown-search-margin-left': 'var(--ti-common-space-4x)',
+  'ti-select-dropdown-search-margin-right': 'var(--ti-common-space-4x)',
+  'ti-select-dropdown-search-margin-top': 'var(--ti-common-space-2x)',
+  'ti-select-dropdown-search-width': 'calc(100% - var(--ti-common-space-4x)*2)',
+  'ti-select-dropdown-search-bg-color': 'var(--ti-common-color-bg-white-normal)',
+  'ti-select-dropdown-search-border-width': 'var(--ti-common-border-weight-normal)',
+  'ti-select-dropdown-search-suffix-display': 'none',
+  'ti-select-dropdown-search-prefix-display': 'block',
+  'ti-select-dropdown-search-input-padding-right': 'var(--ti-common-space-3x)',
+  'ti-select-dropdown-search-input-padding-left': '28px',
+  'ti-select-dropdown-search-empty-padding-top': 'var(--ti-common-space-3x)',
+  'ti-select-dropdown-search-empty-padding-bottom': 'var(--ti-common-space-2x)',
+  'ti-select-dropdown-wrap-padding-bottom': 'var(--ti-common-space-base)',
+  'ti-select-dropdown-icon-size': 'var(--ti-common-font-size-2)',
+  'ti-select-dropdown-icon-color': 'var(--ti-common-color-icon-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-content-margin-top': 'var(--ti-common-space-2x)',
+  'ti-steps-advanced-li-text-color': 'var(--ti-common-color-text-white)',
+  'ti-steps-unselected-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-steps-done-text-color': 'var(--ti-common-color-text-primary)',
+  'ti-steps-done-icon-color': 'var(--ti-common-color-text-primary)',
+  'ti-steps-done-icon-size': 'var(--ti-common-font-size-4)',
+  'ti-steps-active-font-weight': 'var(--ti-common-font-weight-6)',
+  'ti-steps-line-active-bg-color': 'var(--ti-common-color-dash-line-normal)',
+  'ti-steps-line-bg-color': 'var(--ti-common-color-bg-disabled)',
+  'ti-steps-advanced-link-font-size': 'var(--ti-common-font-size-0)',
+  'ti-steps-advanced-count-font-size': 'var(--ti-common-font-size-0)',
+  '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-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-switch-on-bg-color': 'var(--ti-common-color-data-1)',
+  'ti-switch-disabled-bg-color': 'var(--ti-common-color-bg-dark-emphasize)',
+  'ti-switch-disabled-dot-bg-color': '#ffffff80',
+  'ti-switch-width': 'var(--ti-common-size-10x)',
+  'ti-switch-border-radius': 'calc(var(--ti-common-border-radius-3) * 2.5)',
+  'ti-switch-dot-size': '16px',
+  'ti-switch-dot-position-left': '2px',
+  'ti-switch-dot-position-top': '2px',
+  'ti-switch-dot-offset': 'calc(var(--ti-switch-dot-size) + 2px)',
+  'ti-switch-border-weight': '0px',
+  'ti-tabs-height': 'var(--ti-common-size-13x)',
+  'ti-tabs-dark-item-height': 'calc(var(--ti-common-size-base) * 11.75)',
+  'ti-tabs-header-font-weight-active': 'var(--ti-common-font-weight-bold)',
+  'ti-tabs-item-font-size': 'var(--ti-common-font-size-2)',
+  'ti-tabs-item-card-hover-font-weight': 'var(--ti-common-font-weight-bold)',
+  'ti-tabs-item-margin-right': 'var(--ti-common-space-8x)',
+  'ti-tabs-item-active-border-weight': 'var(--ti-common-border-weight-1)',
+  'ti-tabs-more-icon-padding-horizontal': '13.5px',
+  'ti-tabs-more-icon-height': 'calc(var(--ti-common-space-base) * 13)',
+  'ti-tabs-more-left-box-height': 'calc(var(--ti-common-size-base) * 13)',
+  'ti-tabs-dropdown-more-margin-top': 'var(--ti-common-space-base)',
+  'ti-tabs-content-padding-vertical': 'var(--ti-common-space-8x)',
+  'ti-tabs-content-padding-horizontal': 'var(--ti-common-space-0)',
+  'ti-tag-primary-close-icon-color': 'var(--ti-common-color-bg-secondary)',
+  'ti-tag-font-size': 'var(--ti-common-font-size-1)',
+  'ti-tag-small-height': 'var(--ti-common-line-height-base)',
+  'ti-tag-height': 'var(--ti-common-line-height-2)',
+  'ti-tag-medium-height': 'var(--ti-common-size-height-normal)',
+  'ti-tag-medium-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-tag-small-padding-horizontal': 'var(--ti-common-space-base)',
+  'ti-tag-small-border-radius': 'var(--ti-common-border-radius-1)',
+  'ti-tag-primary-background-color': 'var(--ti-base-color-bg-6)',
+  'ti-tag-border-weight': '0',
+  'ti-tag-border-radius': 'var(--ti-common-border-radius-2)',
+  'ti-tag-close-font-size': 'var(--ti-common-font-size-2)',
+  'ti-tag-close-margin-left': 'var(--ti-common-space-base)',
+  'ti-tag-close-margin-right': 'calc(var(--ti-common-space-base) * -1)',
+  'ti-tag-close-medium-margin-left': 'var(--ti-common-space-2x)',
+  'ti-tag-close-medium-margin-right': 'calc(var(--ti-common-space-base) * -1)',
+  'ti-tag-close-small-margin-left': 'var(--ti-common-space-2)',
+  'ti-tag-close-small-margin-right': 'calc(var(--ti-common-space-2) * -1)',
+  'ti-tag-primary-close-opacity': '1',
+  'ti-tag-primary-close-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-text-popup-padding-vertical': '5px',
+  'ti-text-popup-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-text-popup-font-size': 'var(--ti-common-font-size-1)',
+  'ti-text-popup-border-color': 'var(--ti-common-color-line-normal)',
+  '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-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)',
+  'ti-textarea-placeholder-text-color': 'var(--ti-common-color-text-weaken)',
+  'ti-textarea-scrollbar-width': '8px',
+  'ti-textarea-scrollbar-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
+  'ti-textarea-scrollbar-border-radius': 'var(--ti-common-border-radius-2)',
+  'ti-textarea-scrollbar-track-piece-bg-color': '#fff',
+  'ti-textarea-scrollbar-hover-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
+  'ti-textarea-count-padding-right': 'var(--ti-common-space-base)',
+  'ti-textarea-padding-bottom': 'var(--ti-common-space-4x)',
+  'ti-textarea-disabled-bg-color': '#f2f2f2',
+  'ti-tooltip-box-shadow': '0px 2px 12px 0px rgba(0,0,0,0.08)',
+  'ti-tooltip-popper-light-border-color': '#fff',
+  'ti-tooltip-popper-light-text-color': 'var(--ti-common-color-text-primary)',
+  'ti-tooltip-padding-vertical': '9px',
+  'ti-tooltip-padding-horizontal': '16px',
+  'ti-tooltip-popper-border-radius': '8px',
+  'ti-tooltip-popper-info-bg-color': '#1476FF',
+  'ti-tooltip-popper-info-border-color': '#1476FF',
+  'ti-tooltip-popper-error-text-color': 'var(--ti-common-color-text-primary)',
+  'ti-tooltip-popper-dark-bg-color': '#191919',
+  'ti-tooltip-popper-dark-text-color': '#fff',
+  'ti-tooltip-popper-border-color': '#191919',
+  'ti-tooltip-popper-normal-text-color': '#191919',
+  'ti-tooltip-popper-font-line-height': 'var(--ti-common-line-height-number)',
+  'ti-tooltip-popper-border-width': '8px',
+}