@opentiny/vue-theme 3.1.0-alpha.1 → 3.4.7

package/theme/infinity-theme/index.js

@@ -0,0 +1,399 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+export const infinityTheme = {
+  'ti-common-border-radius-normal': 'var(--ti-common-border-radius-1)',
+  'ti-common-font-size-base': 'var(--ti-common-font-size-1)',
+  'ti-common-color-line-dividing': '#f2f2f3',
+  'ti-base-color-warning-normal': '#fac20a',
+  'ti-base-color-warning-hover': '#ffd138',
+  'ti-base-color-warning-active': '#ffd138',
+  'ti-base-color-danger-normal': '#c7000b',
+  'ti-base-color-danger-hover': '#d64a52',
+  'ti-base-color-danger-active': '#d64a52',
+  'ti-base-color-success-normal': '#50d4ab',
+  'ti-base-color-success-hover': '#6ddebb',
+  'ti-base-color-success-active': '#6ddebb',
+  'ti-base-color-info-normal': '#252b3a',
+  'ti-base-color-info-hover': '#575d5c',
+  'ti-base-color-info-active': '#575d5c',
+  'ti-base-color-border': '#d7d8da',
+  'ti-base-color-brand-5': '#526ecc',
+  'ti-base-size-height-normal': '32px',
+  'ti-base-box-shadow': '0 4px 8px 0 rgba(37,43,58,.2)',
+  'ti-base-color-hover-background': '#f2f2f3',
+  'ti-base-color-selected-background': '#f2f5fc',
+  'ti-base-dropdown-gap': '8px',
+  'ti-common-color-bg-disabled': '#f5f5f5',
+
+  'ti-button-size-normal-height': 'var(--ti-common-space-8x)',
+  'ti-button-normal-background-color': '#ebebeb',
+  'ti-button-normal-border-color': 'var(--ti-base-color-transparent)',
+  'ti-button-normal-text-color': 'var(--ti-base-color-common-7)',
+  'ti-button-padding-vertical': '0',
+  'ti-button-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-button-normal-hover-background-color': '#d1d1d1',
+  'ti-button-normal-hover-border-color': 'var(--ti-base-color-transparent)',
+  'ti-button-normal-hover-text-color': 'var(--ti-base-color-common-7)',
+  'ti-button-text-color': '#526ecc',
+  'ti-button-text-color-hover': 'var(--ti-base-color-brand-8)',
+  'ti-autocomplete-suggestion-border-color': '#fff',
+  'ti-autocomplete-suggestion-bg-color': '#fff',
+  'ti-autocomplete-li-hover-bg-color': 'var(--ti-base-color-hover-background)',
+  'ti-autocomplete-li-select-bg-color': '#f2f5fc',
+  'ti-autocomplete-li-height': '36px',
+  'ti-checkbox-border-color': '#d7d8da',
+  'ti-checkbox-border-color-hover': '#252b3a',
+  'ti-checkbox-icon-height': '6px',
+  'ti-checkbox-icon-width': '3px',
+  'ti-checkbox-icon-top': '2px',
+  'ti-picker-panel-border-color': '#fff',
+  'ti-radio-inner-size': '10px',
+  'ti-radio-bordered-checked-hover-border-color': 'var(--ti-base-color-brand-8)',
+  'ti-radio-bordered-border-color': '#d7d8da',
+  'ti-radio-input-disabled-bg-color': '#f5f5f5',
+  'ti-switch-off-bg-color': '#d7d8da',
+  'ti-link-default-text-color': 'var(--ti-base-color-brand-7)',
+  'ti-link-default-hover-text-color': 'var(--ti-base-color-brand-8)',
+  'ti-numeric-input-normal-height': 'var(--ti-base-size-height-normal)',
+  'ti-numeric-input-width': '140px',
+  'ti-slider-height': '5px',
+  'ti-slider-range-height': '5px',
+  'ti-slider-handle-border-radius': '50%',
+  'ti-slider-handle-width': '14px',
+  'ti-slider-handle-height': '14px',
+  'ti-slider-range-top': '0',
+  'ti-slider-handle-top': '0',
+  'ti-slider-border-radius': '100px',
+  'ti-slider-range-border-radius': '100px',
+  'ti-slider-handle-border-weight': '2px',
+  'ti-slider-range-hover-bg-color': '#7693f5',
+  'ti-slider-handle-icon-display': 'none',
+  'ti-slider-tips-margin-left': '0',
+  'ti-slider-handle-transform': 'scale(1.3)',
+  'ti-slider-range-margin-top': '0',
+  'ti-slider-handle-margin-top': '-5px',
+  'ti-slider-handle-margin-horizontal': '-8px',
+  'ti-slider-handle-margin-bottom': '0',
+  'ti-slider-margin-vertical': '-8px',
+  'ti-slider-margin-right': '0',
+  'ti-slider-margin-left': '-4px',
+  'ti-time-panel-border-color': 'transparent',
+  'ti-time-panel-box-shadow': 'var(--ti-base-box-shadow)',
+  'ti-time-spinner-item-font-weight': 'normal',
+  'ti-time-panel-content-split-line-display': 'none',
+  'ti-time-spinner-item-bg-color': '#f2f5fc',
+  'ti-time-spinner-list-border-color': 'var(--ti-common-color-line-dividing)',
+  'ti-time-panel-btn-cancel-display': 'none',
+  'ti-time-panel-btn-confirm-text-color': 'var(--ti-base-color-info-normal)',
+  'ti-time-panel-btn-bg-color': '#EBEBEB',
+  'ti-time-panel-btn-padding-vertical': '0',
+  'ti-time-panel-btn-padding-horizontal': '12px',
+  'ti-time-panel-btn-height': '24px',
+  'ti-time-panel-btn-min-width': '56px',
+  'ti-time-panel-btn-font-weight': 'normal',
+  'ti-time-panel-btn-confirm-hover-bg-color': 'var(--ti-button-normal-hover-background-color)',
+  'ti-tree-node-content-current-bg-color': 'var(--ti-base-color-selected-background)',
+  'ti-tree-node-content-hover-bg-color': 'var(--ti-base-color-hover-background)',
+  // tabs
+  'ti-tabs-header-font-active-border-color': 'var(--ti-base-color-common-7)',
+  'ti-tabs-header-text-color': 'var(--ti-base-color-common-7)',
+  'ti-tabs-header-font-normal-text-color': '#71757f',
+  'ti-tabs-item-margin-right': 'var(--ti-common-space-8x)',
+  'ti-tabs-item-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-tabs-item-vertical-padding-horizontal': 'var(--ti-common-space-5x)',
+  'ti-tabs-item-active-border-weight': '2px',
+  'ti-tabs-item-active-border-style': 'solid',
+  'ti-tabs-item-active-border-color': 'var(--ti-tabs-header-font-active-border-color)',
+  'ti-tabs-item-bottom-border-weight': '1px',
+  'ti-tabs-item-bottom-border-style': 'solid',
+  'ti-tabs-item-bottom-border-color': '#f2f2f3',
+  'ti-tabs-item-card-active-bg-color': '#f7f7f9',
+  'ti-tabs-item-card-border-radius': 'var(--ti-common-border-radius-1) var(--ti-common-border-radius-1) 0 0',
+  'ti-tabs-icon-close-default-bg-color': '#d7d8da',
+  'ti-tabs-icon-close-hover-bg-color': 'var(--ti-base-color-common-7)',
+  'ti-tabs-icon-close-default-text-color': 'var(--ti-base-color-white)',
+  'ti-tabs-icon-close-hover-text-color': 'var(--ti-base-color-white)',
+  'ti-tabs-icon-size-close': '12px',
+  'ti-tabs-icon-close-margin-vertical': '0',
+  'ti-tabs-icon-close-margin-right': '0',
+  'ti-tabs-icon-close-margin-left': 'var(--ti-common-space-3x)',
+  //popover
+  'ti-popover-box-shadow': '0 8px 16px 0 rgba(37,43,58,.2)',
+  'ti-popover-text-color': '#dfe1e6',
+  'ti-popover-bg-color': '#464d6e',
+  'ti-popover-border-color': 'transparent',
+  'ti-popover-title-text-color': '#dfe1e6',
+  'ti-popover-arrow-border-color': 'var(--ti-popover-bg-color)',
+  'ti-popover-placement-arrow-after-border-color': 'var(--ti-popover-arrow-border-color)',
+  'ti-popover-padding-vertical': '8px',
+  'ti-popover-padding-horizontal': '14px',
+  'ti-tooltip-box-shadow': 'var(--ti-popover-box-shadow)',
+  'ti-tooltip-popper-border-color': 'var(--ti-popover-bg-color)',
+  'ti-tooltip-popper-dark-bg-color': 'var(--ti-popover-bg-color)',
+  'ti-tooltip-popper-light-text-color': 'var(--ti-popover-bg-color)',
+  'ti-tooltip-popper-light-border-color': 'var(--ti-popover-bg-color)',
+  'ti-tooltip-padding-vertical': 'var(--ti-popover-padding-vertical)',
+  'ti-tooltip-padding-horizontal': ' var(--ti-popover-padding-horizontal)',
+  'ti-tooltip-color': 'var(--ti-popover-text-color)',
+  'ti-tooltip-popper-dark-text-color': 'var(--ti-popover-text-color)',
+  'ti-dropdown-menu-padding-vertical': '12px',
+  'ti-dropdown-menu-padding-horizontal': '12px',
+  'ti-dropdown-menu-box-shadow': 'var(--ti-base-box-shadow)',
+  'ti-dropdown-menu-margin-vertical': '8px',
+  'ti-dropdown-menu-item-height': '36px',
+  'ti-dropdown-menu-item-padding-vertical': '0',
+  'ti-dropdown-menu-item-padding-horizontal': '12px',
+  'ti-dropdown-menu-item-hover-bg-color': '#f2f2f3',
+  'ti-dropdown-menu-item-active-bg-color': 'var(--ti-dropdown-menu-item-hover-bg-color)',
+  'ti-dropdown-menu-item-text-color': '#252b3a',
+  'ti-dropdown-menu-item-hover-text-color': 'var(--ti-dropdown-menu-item-text-color)',
+  'ti-dropdown-menu-item-active-text-color': 'var(--ti-dropdown-menu-item-text-color)',
+  'ti-dropdown-menu-item-border-radius': 'var(--ti-common-border-radius-normal)',
+  'ti-dropdown-menu-item-disabled-text-color': '#cfd0d3',
+  'ti-dropdown-menu-item-max-width': '100%',
+  'ti-split-trigger-bg-color': '#f2f2f3',
+  'ti-split-trigger-bar-bg-color': 'var(--ti-split-trigger-bg-color)',
+  'ti-split-trigger-hover-bg-color': '#7693f5',
+  'ti-split-trigger-bar-hover-bg-color': 'var(--ti-split-trigger-hover-bg-color)',
+  'ti-split-trigger-size': '2px',
+  'ti-split-trigger-bar-margin-left': '2px',
+  'ti-split-trigger-bar-margin-top': '2px',
+  'ti-split-trigger-con-col-cursor': 'col-resize',
+  'ti-split-trigger-con-row-cursor': 'row-resize',
+  'ti-picker-panel-box-shadow': 'var(--ti-base-box-shadow)',
+  'ti-date-picker-width': '249px',
+  'ti-date-picker-font-size': '12px',
+  'ti-date-table-td-today-border-color': 'transparent',
+  'ti-date-table-td-today-text-color': 'var(--ti-base-color-brand-6)',
+  'ti-date-picker-current-border-radius': 'var(--ti-common-border-radius-normal)',
+  'ti-date-picker-hover-bg-color': 'var(--ti-base-color-selected-background)',
+  'ti-date-table-td-width': '30px',
+  'ti-date-table-td-height': '22px',
+  'ti-date-table-td-padding-vertical': '0',
+  'ti-date-table-td-padding-horizontal': '4px',
+  'ti-date-table-td-span-width': '22px',
+  'ti-date-table-td-span-height': '22px',
+  'ti-date-editor-input-icon-color-fill': '#d7d8da',
+  // grid
+  'ti-grid-header-background-color': '#fff',
+  'ti-grid-header-column-height': '42px',
+  'ti-grid-icon-fill-hover-bg-color': '#252b3a',
+  // modal
+  'ti-modal-box-width': '346px',
+  'ti-modal-header-padding-top': '20px',
+  'ti-modal-header-padding-horizontal': '20px',
+  'ti-modal-header-padding-bottom': '0',
+  'ti-modal-close-btn-font-size': '32px',
+  'ti-modal-body-padding-top': '20px',
+  'ti-modal-body-padding-horizontal': '20px',
+  'ti-modal-body-padding-bottom': '0',
+  'ti-modal-footer-padding-top': '18px',
+  'ti-modal-footer-padding-horizontal': '32px',
+  'ti-modal-footer-padding-bottom': '20px',
+  'ti-modal-close-btn-top': '18px',
+  'ti-modal-close-btn-scale': 'scale(1)',
+  'ti-modal-btn-text-color': '#71757f',
+  'ti-modal-close-btn-background-color-hover': '#ebebeb',
+  'ti-modal-footer-default-display-button': 'none',
+  'ti-modal-box-shadow': '0 12px 24px 0 rgba(37,43,58,.2)',
+  'ti-modal-footer-btn-border-radius': '4px',
+  'ti-modal-box-border-radius': '8px',
+  'ti-modal-close-btn-padding-horizontal-vertical': '5px',
+  // pager
+  'ti-pager-input-height': '26px',
+  'ti-pager-normal-text-color': '#71757f',
+  'ti-pager-poplist-item-padding-vertical': '0',
+  'ti-pager-poplist-item-padding-horizontal': '10px',
+  'ti-pager-poplist-item-unchecked-box-shadow': ' 0 1px 3px 0 rgba(37, 43, 58, 0.1)',
+  'ti-pager-poplist-item-hover-bg-color': 'transparent',
+  'ti-pager-poplist-item-hover-border-color': 'var(--ti-common-color-line-dividing)',
+  'ti-pager-poplist-item-hover-text-color': 'var(--ti-base-color-info-normal)',
+  //alert
+  'ti-alert-success-bg-color': '#cffcee',
+  'ti-alert-description-font-size': '14px',
+  'ti-alert-success-border-color': 'transparent',
+  'ti-alert-warning-border-color': 'transparent',
+  'ti-alert-info-border-color': 'transparent',
+  'ti-alert-error-border-color': 'transparent',
+  'ti-alert-nomal-content-line-height': '18px',
+  'ti-alert-info-bg-color': 'var(--ti-base-color-brand-2)',
+  'ti-alert-warning-bg-color': '#ffe1c7',
+  'ti-alert-error-bg-color': '#ffd5d4',
+  'ti-alert-close-font-size': '15px',
+  // steps
+  'ti-steps-icon-size': '24px',
+  'ti-steps-done-icon-bg-color': 'var(--ti-base-color-success-normal)',
+  'ti-steps-done-active-border-color': 'var(--ti-base-color-success-normal)',
+  'ti-steps-done-icon-fill-color': '#fff',
+  'ti-steps-line-active-bg-color': 'var(--ti-base-color-border)',
+  'ti-steps-line-height': '1px',
+  'ti-steps-done-text-color': 'var(--ti-base-color-success-normal)',
+  //tag
+  'ti-tag-border-radius': 'var(--ti-common-border-radius-1)',
+  'ti-tag-height': 'var(--ti-common-size-5x)',
+  'ti-tag-close-font-size': 'var(--ti-common-font-size-base)',
+  // transfer
+  'ti-transfer-panel-width': '300px',
+  'ti-transfer-header-bg-color': '#fff',
+  'ti-transfer-header-border-color': 'var(--ti-common-color-line-dividing)',
+  'ti-transfer-panel-body-height': '320px',
+  'ti-transfer-panel-body-filter-height': '276px',
+  'ti-transfer-panel-item-height': '36px',
+  'ti-transfer-header-span-text-color': '#71757f',
+  'ti-transfer-button-border-radius': '100%',
+  'ti-transfer-button-disabled-bg-color': 'var(--ti-common-color-bg-disabled)',
+  //badge
+  'ti-badge-size': 'var(--ti-common-size-4x)',
+  'ti-badge-font-weight': 'var(--ti-common-font-weight-4)',
+  'ti-badge-border-radius': '100px',
+  //carousel
+  'ti-carousel-arrow-hover-bg-color': 'ti-base-color-selected-background',
+  'ti-carousel-arrow-bg-color': 'rgba(255,255,255,0.8)',
+  'ti-carousel-arrow-box-shadow': '0 8px 16px 0 rgba(37,43,58,.1)',
+  'ti-carousel-arrow-active-text-color': 'var(--ti-base-color-common-7)',
+  'ti-carousel-arrow-width': 'var(--ti-base-size-width-small)',
+  'ti-carousel-arrow-height': 'var(--ti-base-size-width-small)',
+  'ti-carousel-indicators-bg-color': 'none',
+  'ti-carousel-indicator-button-bg-color': '#71757f',
+  'ti-carousel-indicator-button-width': '6px',
+  'ti-carousel-indicator-button-height': '6px',
+  'ti-carousel-indicator-margin-right': 'var(--ti-common-size-2x)',
+  'ti-carousel-indicator-active-text-color': 'var(--ti-base-color-info-normal)',
+  'ti-carousel-indicator-active-border-radius': 'var(--ti-common-border-radius-1)',
+  'ti-carousel-indicator-active-width': 'var(--ti-common-size-6x)',
+  'ti-carousel-hover-opacity': '1',
+  'ti-carousel-indicator-active-transition': 'all 0.1s cubic-bezier(0.645,0.045,0.355,1)',
+  'ti-carousel-indicator-active-background-color': '#71757f',
+  'ti-carousel-indicator-active-button-width': 'var(--ti-common-size-6x)',
+  'ti-carousel-indicator-padding-vertical': '0',
+  'ti-carousel-indicator-padding-horizontal': '0',
+  'ti-carousel-indicator-active-transition-property': 'width',
+  //dialog-box
+  'ti-dialogbox-border-radius': 'var(--ti-common-border-radius-2)',
+  'ti-dialogbox-head-padding-top': '20px',
+  'ti-dialogbox-head-padding-horizontal': '20px',
+  'ti-dialogbox-head-padding-bottom': '0',
+  'ti-dialogbox-btn-background-color-hover': '#ebebeb',
+  'ti-dialogbox-head-font-icon-size': '20px',
+  'ti-dialogbox-close-icon-color': '#71757f',
+  'ti-dialogbox-close-icon-color-hover': '#71757f',
+  'ti-dialogbox-box-body-padding-vertical': '20px',
+  'ti-dialogbox-box-body-padding-horizontal': '20px',
+  'ti-dialogbox-box-body-margin-bottom': '0',
+  'ti-dialogbox-box-shadow': '0 12px 24px 0 rgba(37,43,58,.2)',
+  // notify
+  'ti-notify-max-width': '280px',
+  'ti-notify-bg-color': '#464d6e',
+  'ti-notify-text-color': 'var(--ti-base-color-common-1)',
+  'ti-notify-info-bg-color': 'var(--ti-notify-bg-color)',
+  'ti-notify-warning-bg-color': 'var(--ti-notify-bg-color)',
+  'ti-notify-error-bg-color': 'var(--ti-notify-bg-color)',
+  'ti-notify-success-bg-color': 'var(--ti-notify-bg-color)',
+  'ti-alert-info-icon-color': 'var(--ti-base-color-brand-6)',
+  'ti-alert-warning-icon-color': 'var(--ti-base-color-warn-4)',
+  'ti-alert-error-icon-color': 'var(--ti-base-color-error-3)',
+  'ti-alert-success-icon-color': 'var(--ti-base-color-success-3)',
+  'ti-notify-close-icon-color': 'var(--ti-base-color-common-1)',
+  'ti-notify-title-text-color': 'var(--ti-base-color-common-1)',
+  'ti-notify-title-margin-top': '0',
+  'ti-notify-title-margin-horizontal': '',
+  'ti-notify-title-margin-bottom': '8px',
+  'ti-notify-title-height': '25px',
+  'ti-notify-title-line-height': '25px',
+  'ti-notify-title-font-size': 'var(--ti-common-font-size-1)',
+  'ti-notify-content-font-size': 'var(--ti-common-font-size-1)',
+  'ti-notify-icon-size': 'var(--ti-common-font-size-2)',
+  'ti-notify-message-margin-vertical': 0,
+  'ti-notify-message-margin-right': 0,
+  'ti-notify-message-margin-left': 0,
+  'ti-notify-border-radius': 'var(--ti-common-border-radius-1)',
+  //image-preview
+  'ti-image-viewer-close-bg-color': 'rgba(255,255,255,0.8)',
+  'ti-image-viewer-text-color': '#71757f',
+  'ti-image-viewer-close-top': '55px',
+  'ti-image-viewer-close-right': '20px',
+  'ti-image-viewer-close-width': 'var(--ti-common-size-9x)',
+  'ti-image-viewer-close-height': 'var(--ti-common-size-9x)',
+  'ti-image-viewer-close-font-size': '18px',
+  'ti-image-viewer-actions-width': '100%',
+  'ti-image-viewer-actions-height': '50px',
+  'ti-image-viewer-actions-bottom': '0',
+  'ti-image-viewer-actions-border-radius': 'none',
+  'ti-image-viewer-actions-inner-justify-content': 'center',
+  'ti-image-viewer-actions-inner-font-size': '18px',
+  'ti-image-viewer-actions-inner-text-color': '#71757f',
+  'ti-image-viewer-next-width': '36px',
+  'ti-image-viewer-next-height': '36px',
+  'ti-image-viewer-mask-wrap-bg-color': 'rgba(37,43,58,.2)',
+  'ti-image-viewer-close-bg-color-hover': 'var(--ti-base-color-selected-background)',
+  'ti-image-viewer-btn-opacity': '1',
+  'ti-image-viewer-mask-bg-color': 'transparent',
+  // input
+  'ti-input-border-radius': 'var(--ti-common-border-radius-1)',
+  'ti-input-hover-border-color': 'var(--ti-base-color-border-hover)',
+  'ti-input-active-border-color': 'var(--ti-base-color-brand-7)',
+  'ti-input-height': '32px',
+  'ti-input-mini-height': '24px',
+  'ti-input-small-height': '32px',
+  'ti-input-medium-height': '40px',
+  // cascader
+  'ti-cascader-width': '300px',
+  'ti-cascader-medium-line-height': 'var(--ti-input-medium-height)',
+  'ti-cascader-small-line-height': 'var(--ti-input-small-height)',
+  'ti-cascader-mini-line-height': 'var(--ti-input-mini-height)',
+  'ti-cascader-menu-list-padding-vertical': 'var(--ti-common-space-3x)',
+  'ti-cascader-menu-list-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-cascader-panel-node-height': '36px',
+  'ti-cascader-node-selectable-hover-bg-color': '#f2f2f3',
+  'ti-cascader-node-selectable-hover-text-color': 'var(--ti-base-color-brand-7)',
+  'ti-cascader-node-disabled-text-color': '#cfd0d3',
+  'ti-cascader-node-disabled-bg-color': '#f5f5f5',
+  'ti-cascader-node-icon-color': 'var(--ti-base-color-common-7)',
+  'ti-cascader-panel-node-label-padding-vertical': '0',
+  'ti-cascader-panel-node-label-padding-right': '30px',
+  'ti-cascader-panel-node-label-padding-left': '12px',
+  'ti-cascader-node-prefix-display': 'none',
+  'ti-cascader-node-label-padding-vertical': 0,
+  'ti-cascader-node-label-padding-horizontal': 0,
+  'ti-cascader-dropdown-box-shadow': '0 4px 8px 0 rgba(37, 43, 58, 0.2)',
+  'ti-cascader-dropdown-border-color': 'var(--ti-cascader-dropdown-bg-color)',
+  'ti-cascader-menu-border-color': 'var(--ti-base-color-hover-background)',
+  'ti-cascader-node-hover-bg-color': 'var(--ti-base-color-hover-background)',
+  'ti-cascader-menu-width': '200px',
+  'ti-cascader-panel-node-margin-top': 'var(--ti-common-space-base)',
+  'ti-cascader-tag-bg-color': 'var(--ti-base-color-brand-2)',
+  'ti-tag-info-text-color': '#71757f',
+  'ti-cascader-hover-border-color': '#71757f',
+  'ti-cascader-focus-border-color': 'var(--ti-base-color-brand-6)',
+  'ti-cascader-node-selectable-text-color': 'var(--ti-base-color-brand-7)',
+  'ti-cascader-node-hover-text-color': 'var(--ti-base-color-brand-7)',
+  // select
+  'ti-select-input-caret-text-color': 'var(--ti-base-color-common-5)',
+  'ti-select-input-caret-hover-text-color': 'var(--ti-base-color-common-7)',
+  // option
+  'ti-select-dropdown-list-padding-top': 'var(--ti-common-space-3x)',
+  'ti-select-dropdown-list-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-select-dropdown-list-padding-bottom': 'var(--ti-common-space-3x)',
+  'ti-select-dropdown-border-color': 'var(--ti-base-color-white)',
+  'ti-select-dropdown-item-padding-vertical': '0',
+  'ti-select-dropdown-item-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-select-dropdown-item-margin-top': 'var(--ti-common-space-base)',
+  'ti-select-dropdown-item-height': '36px',
+  'ti-select-dropdown-item-selected-text-color': 'var(--ti-base-color-info-normal)',
+  'ti-select-dropdown-item-selected-bg-color': 'var(--ti-base-color-brand-1)',
+  // form-item
+  'ti-form-item-error-text-color': 'var(--ti-base-color-error-3)',
+  'ti-form-item-error-bg-color': '#ffd5d4',
+  // search
+  'ti-search-input-btn-width': 'var(--ti-base-size-height-minor)'
+}

package/theme-tool.js

@@ -0,0 +1,125 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+import components from './theme.config'
+
+/**
+ *  TinyVue主题切换类 负责CSS变量主题的装卸，主题元数据转换成主题数据
+ *  使用示例：new TinyThemeTool(theme,'styleSheetId')
+ *  @param {Object} theme 主题配置数据，结构如下：
+ *  {
+ *    id: 'tiny-infinity-theme',
+ *    name: 'Infinity',
+ *    cnName: '无限',
+ *    data: {'ti-base-color': 'white'}
+ *  }
+ *  @param {String} styleSheetId style标签的id
+ */
+
+export default class TinyThemeTool {
+  // 当前主题
+  currentTheme
+
+  // 当前style标签元素
+  contentElement
+
+  // 当前style标签的id
+  styleSheetId
+
+  // 默认主题
+
+  defaultTheme = {
+    id: 'tiny-default-theme',
+    name: 'Default',
+    cnName: '默认',
+    data: {}
+  }
+
+  constructor(theme, styleSheetId = 'tinyThemeVariables') {
+    let currentTheme = theme
+    if (!theme) {
+      currentTheme = this.defaultTheme
+    }
+    this.styleSheetId = styleSheetId
+    this.changeTheme(currentTheme)
+  }
+
+  changeTheme(theme) {
+    let currentTheme = theme
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+      throw new Error('当前主题工具只支持浏览器环境')
+    }
+    if (!theme) {
+      currentTheme = this.defaultTheme
+    }
+    this.currentTheme = currentTheme
+    if (!this.contentElement) {
+      const styleElement = document.getElementById(this.styleSheetId)
+      if (styleElement) {
+        this.contentElement = styleElement
+      } else {
+        this.contentElement = document.createElement('style')
+        this.contentElement.id = this.styleSheetId
+        document.head.appendChild(this.contentElement)
+      }
+    }
+    this.contentElement.textContent = this.formatCSSVariables(currentTheme.data)
+    this.contentElement.setAttribute('tiny-theme', this.currentTheme.id)
+  }
+
+  findClassName(name) {
+    const compNameList = name.split('-')
+    if (compNameList.length < 2) {
+      return false
+    }
+    const compLength = components.length
+    let compName = ''
+    for (let i = 0; i < compLength; i++) {
+      if (components[i] === `${compNameList[1]}-${compNameList[2]}`) {
+        compName = `tiny-${components[i]}`
+        break
+      }
+    }
+    if (!compName) {
+      compName = `tiny-${compNameList[1]}`
+    }
+    return compName
+  }
+
+  formatCSSVariables(themeData) {
+    const componentsMap = {}
+    let rootCssVar = ':root {'
+    let componentsCssVar = ''
+
+    Object.keys(themeData).forEach((item) => {
+      const isBaseCssVar = item.startsWith('ti-base') || item.startsWith('ti-common')
+      if (isBaseCssVar) {
+        rootCssVar += `--${item}:${themeData[item]};`
+      } else {
+        const classkey = this.findClassName(item)
+        if (classkey) {
+          if (componentsMap[classkey]) {
+            componentsMap[classkey].push(`--${item}:${themeData[item]};`)
+          } else {
+            componentsMap[classkey] = [`--${item}:${themeData[item]};`]
+          }
+        }
+      }
+    })
+
+    Object.keys(componentsMap).forEach((item) => {
+      componentsCssVar += `.${item}{${componentsMap[item].join('')}}`
+    })
+
+    return `${rootCssVar}}${componentsCssVar}`
+  }
+}

package/theme.config.js

@@ -0,0 +1,58 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default [
+  'bulletin-board',
+  'button-group',
+  'card-container',
+  'card-item',
+  'card-layout',
+  'card-template',
+  'carousel-item',
+  'cascader-menu',
+  'cascader-panel',
+  'cascader-node',
+  'context-menu',
+  'detail-page',
+  'dialog-box',
+  'drop-roles',
+  'drop-times',
+  'fall-menu',
+  'form-item',
+  'img-preview',
+  'img-preview-item',
+  'ip-address',
+  'link-menu',
+  'nav-menu',
+  'pop-editor',
+  'picker-panel',
+  'date-picker',
+  'popup-horiz-menu',
+  'popup-menu',
+  'quick-link-menu',
+  'scroll-text',
+  'slide-bar',
+  'slide-img',
+  'select-dropdown',
+  'suggest-popup',
+  'tab-item',
+  'textarea',
+  'text-parse',
+  'text-popup',
+  'toggle-menu',
+  'tree-menu',
+  'user-account',
+  'user-card',
+  'user-contact',
+  'user-head',
+  'user-link'
+]

package/time/index.js

@@ -0,0 +1,15 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  // time
+}

package/tip/index.css

@@ -1 +1 @@
-.tiny-tips{z-index:900;position:absolute;padding:0 8px;background:var(--ti-tip-bg-color);border-radius:2px;color:#fff;min-height:26px;text-align:center;line-height:26px}.tiny-tips .tiny-icon{color:#fff;line-height:36px}.tiny-tips>span{float:left;top:-5px}.tiny-tips:before{content:'';left:-4px;top:50%;margin-top:-4px;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--ti-tip-bg-color)}.tiny-tips span+p{max-width:300px;max-height:100px;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:auto}.tiny-tips .tiny-small-close{position:absolute;cursor:pointer;right:8px;top:-5px}.tiny-tips .icon-remove+p,.tiny-tips .icon-successful+p{margin-left:0}.tiny-tips.tips-bottom{top:-5px;left:0}.tiny-tips.tips-bottom:before{content:'';left:50%;top:-4px;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tip-bg-color) transparent;margin-left:-6px}.tiny-tips.tips-left:before{content:'';left:auto;top:50%;margin-top:-4px;position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent var(--ti-tip-bg-color);right:-4px}.tiny-tips.tips-top{top:-5px;left:0}.tiny-tips.tips-top:before{content:'';left:50%;top:auto;margin-top:auto;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tip-bg-color) transparent;margin-left:-6px;bottom:-4px;margin-bottom:0}.tiny-tips.tips-top-left{top:-5px;left:0}.tiny-tips.tips-top-left:before{content:'';left:0;top:auto;margin-top:auto;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tip-bg-color) transparent;margin-left:10px;bottom:-4px;margin-bottom:0}.tiny-tips.tips-top-right{top:-5px;left:0}.tiny-tips.tips-top-right:before{content:'';left:100%;top:auto;margin-top:auto;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tip-bg-color) transparent;margin-left:-16px;bottom:-4px;margin-bottom:0}.tiny-tips.tips-bottom-left{top:-5px;left:0}.tiny-tips.tips-bottom-left:before{content:'';left:0;top:-4px;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tip-bg-color) transparent;margin-left:10px}.tiny-tips.tips-bottom-right{top:-5px;left:0}.tiny-tips.tips-bottom-right:before{content:'';left:100%;top:-4px;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tip-bg-color) transparent;margin-left:-16px}.tiny-tips.tips-error{background:var(--ti-tip-bg-color);color:#fff;border-radius:3px;-webkit-box-shadow:0 0 4px var(--ti-tip-bg-color);box-shadow:0 0 4px var(--ti-tip-bg-color);margin-top:0}.tiny-tips.tips-error:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--ti-tip-bg-color)}.tiny-tips.tips-error.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tip-bg-color) transparent}.tiny-tips.tips-error.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent var(--ti-tip-bg-color)}.tiny-tips.tips-error.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tip-bg-color) transparent}.tiny-tips.tips-error.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tip-bg-color) transparent}.tiny-tips.tips-error.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tip-bg-color) transparent}.tiny-tips.tips-error.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tip-bg-color) transparent}.tiny-tips.tips-error.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tip-bg-color) transparent}.tiny-tips.tips-warning{background:#fa8c16;color:#fff;border-radius:3px;-webkit-box-shadow:0 0 4px #fa8c16;box-shadow:0 0 4px #fa8c16;margin-top:0}.tiny-tips.tips-warning:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent #fa8c16}.tiny-tips.tips-warning.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#fa8c16 transparent}.tiny-tips.tips-warning.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent #fa8c16}.tiny-tips.tips-warning.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#fa8c16 transparent}.tiny-tips.tips-warning.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#fa8c16 transparent}.tiny-tips.tips-warning.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#fa8c16 transparent}.tiny-tips.tips-warning.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#fa8c16 transparent}.tiny-tips.tips-warning.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#fa8c16 transparent}.tiny-tips.tips-succeed{background:#52c41a;color:#fff;border-radius:3px;-webkit-box-shadow:0 0 4px #52c41a;box-shadow:0 0 4px #52c41a;margin-top:0}.tiny-tips.tips-succeed:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent #52c41a}.tiny-tips.tips-succeed.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#52c41a transparent}.tiny-tips.tips-succeed.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent #52c41a}.tiny-tips.tips-succeed.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#52c41a transparent}.tiny-tips.tips-succeed.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#52c41a transparent}.tiny-tips.tips-succeed.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#52c41a transparent}.tiny-tips.tips-succeed.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#52c41a transparent}.tiny-tips.tips-succeed.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#52c41a transparent}.tiny-tips.tips-infor{background:#d9d9d9;color:var(--ti-base-color-common);border-radius:3px;-webkit-box-shadow:0 0 4px #d9d9d9;box-shadow:0 0 4px #d9d9d9;margin-top:0}.tiny-tips.tips-infor:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent #d9d9d9}.tiny-tips.tips-infor.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#d9d9d9 transparent}.tiny-tips.tips-infor.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent #d9d9d9}.tiny-tips.tips-infor.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#d9d9d9 transparent}.tiny-tips.tips-infor.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#d9d9d9 transparent}.tiny-tips.tips-infor.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#d9d9d9 transparent}.tiny-tips.tips-infor.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#d9d9d9 transparent}.tiny-tips.tips-infor.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#d9d9d9 transparent}.tiny-tips.tips-normal{background:#666;color:#fff;border-radius:3px;-webkit-box-shadow:0 0 4px #666;box-shadow:0 0 4px #666;margin-top:0}.tiny-tips.tips-normal:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent #666}.tiny-tips.tips-normal.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#666 transparent}.tiny-tips.tips-normal.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent #666}.tiny-tips.tips-normal.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#666 transparent}.tiny-tips.tips-normal.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#666 transparent}.tiny-tips.tips-normal.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:#666 transparent}.tiny-tips.tips-normal.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#666 transparent}.tiny-tips.tips-normal.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#666 transparent}.tiny-tips .grid-innercell .grid-simplesort{display:none}
+.tiny-tips{--ti-tips-normal-bg-color:var(--ti-base-color-secondary);--ti-tips-normal-text-color:var(--ti-base-color-light);--ti-tips-error-bg-color:#ff7875;--ti-tips-error-text-color:var(--ti-base-color-light);--ti-tips-succeed-bg-color:var(--ti-base-color-success-normal);--ti-tips-succeed-text-color:var(--ti-base-color-light);--ti-tips-warning-bg-color:#fa8c16;--ti-tips-warning-text-color:var(--ti-base-color-light);--ti-tips-infor-bg-color:var(--ti-base-color-border);--ti-tips-infor-text-color:var(--ti-base-color-info-normal);--ti-tips-bg-color:#ff7875;--ti-tips-border-radius:var(--ti-common-border-radius-normal);--ti-tips-height:26px;z-index:900;position:absolute;padding:var(--ti-tips-padding);background:var(--ti-tips-bg-color);border-radius:var(--ti-tips-border-radius);color:var(--ti-tips-color-infor);min-height:var(--ti-tips-height);text-align:center;line-height:var(--ti-tips-height)}.tiny-tips .tiny-icon{color:var(--ti-tips-color-infor);line-height:36px}.tiny-tips>span{float:left;top:-5px}.tiny-tips:before{content:'';left:-4px;top:50%;margin-top:-4px;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--ti-tips-bg-color)}.tiny-tips span+p{max-width:300px;max-height:100px;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:auto}.tiny-tips .tiny-small-close{position:absolute;cursor:pointer;right:8px;top:-5px}.tiny-tips .icon-remove+p,.tiny-tips .icon-successful+p{margin-left:0}.tiny-tips.tips-bottom{top:-5px;left:0}.tiny-tips.tips-bottom:before{content:'';left:50%;top:-4px;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-bg-color) transparent;margin-left:-6px}.tiny-tips.tips-left:before{content:'';left:auto;top:50%;margin-top:-4px;position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent var(--ti-tips-bg-color);right:-4px}.tiny-tips.tips-top{top:-5px;left:0}.tiny-tips.tips-top:before{content:'';left:50%;top:auto;margin-top:auto;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-bg-color) transparent;margin-left:-6px;bottom:-4px;margin-bottom:0}.tiny-tips.tips-top-left{top:-5px;left:0}.tiny-tips.tips-top-left:before{content:'';left:0;top:auto;margin-top:auto;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-bg-color) transparent;margin-left:10px;bottom:-4px;margin-bottom:0}.tiny-tips.tips-top-right{top:-5px;left:0}.tiny-tips.tips-top-right:before{content:'';left:100%;top:auto;margin-top:auto;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-bg-color) transparent;margin-left:-16px;bottom:-4px;margin-bottom:0}.tiny-tips.tips-bottom-left{top:-5px;left:0}.tiny-tips.tips-bottom-left:before{content:'';left:0;top:-4px;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-bg-color) transparent;margin-left:10px}.tiny-tips.tips-bottom-right{top:-5px;left:0}.tiny-tips.tips-bottom-right:before{content:'';left:100%;top:-4px;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-bg-color) transparent;margin-left:-16px}.tiny-tips.tips-error{background:var(--ti-tips-error-bg-color);color:var(--ti-tips-error-text-color);border-radius:var(--ti-tips-border-radius-large,3px);-webkit-box-shadow:0 0 4px var(--ti-tips-error-bg-color);box-shadow:0 0 4px var(--ti-tips-error-bg-color);margin-top:0}.tiny-tips.tips-error:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--ti-tips-error-bg-color)}.tiny-tips.tips-error.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-error-bg-color) transparent}.tiny-tips.tips-error.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent var(--ti-tips-error-bg-color)}.tiny-tips.tips-error.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-error-bg-color) transparent}.tiny-tips.tips-error.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-error-bg-color) transparent}.tiny-tips.tips-error.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-error-bg-color) transparent}.tiny-tips.tips-error.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-error-bg-color) transparent}.tiny-tips.tips-error.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-error-bg-color) transparent}.tiny-tips.tips-warning{background:var(--ti-tips-warning-bg-color);color:var(--ti-tips-warning-text-color);border-radius:var(--ti-tips-border-radius-large,3px);-webkit-box-shadow:0 0 4px var(--ti-tips-warning-bg-color);box-shadow:0 0 4px var(--ti-tips-warning-bg-color);margin-top:0}.tiny-tips.tips-warning:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--ti-tips-warning-bg-color)}.tiny-tips.tips-warning.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-warning-bg-color) transparent}.tiny-tips.tips-warning.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent var(--ti-tips-warning-bg-color)}.tiny-tips.tips-warning.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-warning-bg-color) transparent}.tiny-tips.tips-warning.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-warning-bg-color) transparent}.tiny-tips.tips-warning.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-warning-bg-color) transparent}.tiny-tips.tips-warning.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-warning-bg-color) transparent}.tiny-tips.tips-warning.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-warning-bg-color) transparent}.tiny-tips.tips-succeed{background:var(--ti-tips-succeed-bg-color);color:var(--ti-tips-succeed-text-color);border-radius:var(--ti-tips-border-radius-large,3px);-webkit-box-shadow:0 0 4px var(--ti-tips-succeed-bg-color);box-shadow:0 0 4px var(--ti-tips-succeed-bg-color);margin-top:0}.tiny-tips.tips-succeed:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--ti-tips-succeed-bg-color)}.tiny-tips.tips-succeed.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-succeed-bg-color) transparent}.tiny-tips.tips-succeed.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent var(--ti-tips-succeed-bg-color)}.tiny-tips.tips-succeed.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-succeed-bg-color) transparent}.tiny-tips.tips-succeed.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-succeed-bg-color) transparent}.tiny-tips.tips-succeed.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-succeed-bg-color) transparent}.tiny-tips.tips-succeed.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-succeed-bg-color) transparent}.tiny-tips.tips-succeed.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-succeed-bg-color) transparent}.tiny-tips.tips-infor{background:var(--ti-tips-infor-bg-color);color:var(--ti-tips-infor-text-color);border-radius:var(--ti-tips-border-radius-large,3px);-webkit-box-shadow:0 0 4px var(--ti-tips-infor-bg-color);box-shadow:0 0 4px var(--ti-tips-infor-bg-color);margin-top:0}.tiny-tips.tips-infor:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--ti-tips-infor-bg-color)}.tiny-tips.tips-infor.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-infor-bg-color) transparent}.tiny-tips.tips-infor.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent var(--ti-tips-infor-bg-color)}.tiny-tips.tips-infor.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-infor-bg-color) transparent}.tiny-tips.tips-infor.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-infor-bg-color) transparent}.tiny-tips.tips-infor.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-infor-bg-color) transparent}.tiny-tips.tips-infor.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-infor-bg-color) transparent}.tiny-tips.tips-infor.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-infor-bg-color) transparent}.tiny-tips.tips-normal{background:var(--ti-tips-normal-bg-color);color:var(--ti-tips-normal-text-color);border-radius:var(--ti-tips-border-radius-large,3px);-webkit-box-shadow:0 0 4px var(--ti-tips-normal-bg-color);box-shadow:0 0 4px var(--ti-tips-normal-bg-color);margin-top:0}.tiny-tips.tips-normal:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 4px 0;border-color:transparent var(--ti-tips-normal-bg-color)}.tiny-tips.tips-normal.tips-bottom:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-normal-bg-color) transparent}.tiny-tips.tips-normal.tips-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 4px;border-color:transparent var(--ti-tips-normal-bg-color)}.tiny-tips.tips-normal.tips-top:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-normal-bg-color) transparent}.tiny-tips.tips-normal.tips-bottom-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-normal-bg-color) transparent}.tiny-tips.tips-normal.tips-bottom-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:var(--ti-tips-normal-bg-color) transparent}.tiny-tips.tips-normal.tips-top-left:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-normal-bg-color) transparent}.tiny-tips.tips-normal.tips-top-right:before{position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-tips-normal-bg-color) transparent}.tiny-tips .grid-innercell .grid-simplesort{display:none}