@opentiny/vue-theme 3.6.6 → 3.8.0

package/theme/smb-theme/index.js

@@ -0,0 +1,342 @@
+export const tinyBaseSmbTheme = {
+  /* 基础色 */
+
+  // 品牌色
+  'ti-base-color-brand': '#191919',
+  'ti-base-color-brand-1': '#595959',
+  'ti-base-color-brand-2': '#1476FF',
+  'ti-base-color-brand-3': '#7693F5',
+  'ti-base-color-brand-4': '#96ADFA',
+  'ti-base-color-brand-5': '#C2C2C2',
+  'ti-base-color-brand-6': 'var(--ti-base-color-brand)',
+  'ti-base-color-brand-7': '#1476FF80', // 50% 透明度
+  'ti-base-color-brand-8': '#1476ff26', // 15% 透明度 4.28修改
+  'ti-base-color-brand-9': '#80808080', // 50% 透明度
+
+  // 中立色
+  'ti-base-color-common': '#191919',
+  'ti-base-color-common-1': '#595959',
+  'ti-base-color-common-2': '#808080',
+  'ti-base-color-common-3': '#C2C2C2',
+  'ti-base-color-common-4': '#DBDBDB',
+  'ti-base-color-common-5': '#00000014', // 新风格专用，分隔线 8% 透明度
+  'ti-base-color-common-6': '#00000026', // 15%透明度 4.28新增
+  'ti-base-color-bg': '#F5F5F5',
+  'ti-base-color-bg-1': '#0000000D', // 5% 透明度
+  'ti-base-color-bg-2': '#FAFAFA',
+  'ti-base-color-bg-3': '#191919',
+  'ti-base-color-bg-4': '#595959',
+  'ti-base-color-bg-5': '#FFFFFF',
+  'ti-base-color-bg-6': '#5959591A', // 10% 透明度
+  'ti-base-color-bg-7': '#00000000',
+
+  // 功能色
+  'ti-base-color-success-bg': '#5CB3001A', // 10% 透明度
+  'ti-base-color-success-border': '#5CB3001A', // 10% 透明度
+  'ti-base-color-success': '#5CB300',
+  'ti-base-color-success-text': '#5CB300',
+  'ti-base-color-error-bg': '#F230301A', // 10% 透明度
+  'ti-base-color-error-border': '#F230301A', // 10% 透明度
+  'ti-base-color-error': '#F23030',
+  'ti-base-color-error-text': '#F23030',
+  'ti-base-color-warn-bg': '#FF88001A', // 10% 透明度
+  'ti-base-color-warn-border': '#FF88001A', // 10% 透明度
+  'ti-base-color-warn': '#FF8800',
+  'ti-base-color-warn-text': '#FF8800',
+  'ti-base-color-prompt-bg': '#1476FF1A', // 10% 透明度
+  'ti-base-color-prompt-border': '#1476FF1A', // 10% 透明度
+  'ti-base-color-prompt': '#1476FF',
+  'ti-base-color-prompt-text': '#1476FF',
+  'ti-base-color-error-icon-from': '#FF41A1',
+  'ti-base-color-error-icon-to': '#FF8A5B',
+  'ti-base-color-warn-icon-from': '#FF5541',
+  'ti-base-color-warn-icon-to': '#FFD347',
+  'ti-base-color-prompt-icon-from': '#7769E8',
+  'ti-base-color-prompt-icon-to': '#58BBFF',
+  'ti-base-color-warn-1': '#F7D916',
+  'ti-base-color-icon-info': '#1476FF',
+  'ti-base-color-data-3': '#6E51E0',
+  'ti-base-color-data-4': '#5CB300',
+  'ti-base-color-data-5': '#FCBE1E',
+  'ti-base-color-data-2': '#0BB8B2', // 新风格专用
+  'ti-base-color-data-6': '#33BCF2', // 新风格专用
+  'ti-base-color-data-7': '#BA53E6', // 新风格专用
+  'ti-base-color-data-8': '#EB4696', // 新风格专用
+
+  /* 场景色 */
+
+  // 功能色
+  'ti-common-color-success-bg': 'var(--ti-base-color-success-bg)',
+  'ti-common-color-success-border': 'var(--ti-base-color-success-border)',
+  'ti-common-color-success': 'var(--ti-base-color-success)',
+  'ti-common-color-text-success': 'var(--ti-base-color-success-text)',
+  'ti-common-color-error-bg': 'var(--ti-base-color-error-bg)',
+  'ti-common-color-error-border': 'var(--ti-base-color-error)',
+  'ti-common-color-error-border-secondary': 'var(--ti-base-color-error-border)',
+  'ti-common-color-error': 'var(--ti-base-color-error)',
+  'ti-common-color-error-text': 'var(--ti-base-color-error-text)',
+  'ti-common-color-warn-bg': 'var(--ti-base-color-warn-bg)',
+  'ti-common-color-warn-border': 'var(--ti-base-color-warn-border)',
+  'ti-common-color-warn': 'var(--ti-base-color-warn)',
+  'ti-common-color-warn-text': 'var(--ti-base-color-warn-text)',
+  'ti-common-color-prompt-bg': 'var(--ti-base-color-prompt-bg)',
+  'ti-common-color-prompt-border': 'var(--ti-base-color-prompt-border)',
+  'ti-common-color-prompt': 'var(--ti-base-color-prompt)',
+  'ti-common-color-prompt-text': 'var(--ti-base-color-prompt-text)',
+  'ti-common-color-warn-secondary': 'var(--ti-base-color-warn-1)',
+
+  // 文本色
+  'ti-common-color-error-icon-from': 'var(--ti-base-color-error-icon-from)',
+  'ti-common-color-error-icon-to': 'var(--ti-base-color-error-icon-to)',
+  'ti-common-color-warn-icon-from': 'var(--ti-base-color-warn-icon-from)',
+  'ti-common-color-warn-icon-to': 'var(--ti-base-color-warn-icon-to)',
+  'ti-common-color-prompt-icon-from': 'var(--ti-base-color-prompt-icon-from)',
+  'ti-common-color-prompt-icon-to': 'var(--ti-base-color-prompt-icon-to)',
+  'ti-common-color-text-primary': 'var(--ti-base-color-common)',
+  'ti-common-color-text-secondary': 'var(--ti-base-color-common-1)',
+  'ti-common-color-text-weaken': 'var(--ti-base-color-common-2)',
+  'ti-common-color-text-disabled': 'var(--ti-base-color-common-3)',
+  'ti-common-color-text-highlight': 'var(--ti-base-color-brand-2)',
+  'ti-common-color-text-link': 'var(--ti-base-color-brand)',
+  'ti-common-color-text-link-hover': 'var(--ti-base-color-brand-1)',
+  'ti-common-color-text-white': 'var(--ti-base-color-white)',
+  'ti-common-color-text-darkbg': 'var(--ti-base-color-common-3)',
+  'ti-common-color-text-darkbg-disabled': 'var(--ti-base-color-common-1)',
+  'ti-common-color-text-gray-disabled': 'var(--ti-base-color-brand-3)',
+  'ti-common-color-text-important': 'var(--ti-base-base-color-error-text)',
+  'ti-common-color-text-link-darkbg': 'var(--ti-base-color-brand-4)',
+  'ti-common-color-text-link-darkbg-hover': 'var(--ti-base-color-brand-5)',
+  'ti-common-color-text-gray': 'var(--ti-base-color-common)',
+
+  // 图标色
+  'ti-common-color-icon': 'var(--ti-base-color-common)', // 5.12新增
+  'ti-common-color-icon-normal': 'var(--ti-base-color-common-2)', // 5.12修改
+  'ti-common-color-icon-hover': 'var(--ti-base-color-common)', // 5.12修改
+  'ti-common-color-icon-active': 'var(--ti-base-color-common)', // 5.12修改
+  'ti-common-color-icon-disabled': 'var(--ti-base-color-common-3)',
+  'ti-common-color-icon-white': 'var(--ti-base-color-white)',
+  'ti-common-color-icon-graybg-normal': 'var(--ti-base-color-common-3)',
+  'ti-common-color-icon-graybg-hover': 'var(--ti-base-color-brand)',
+  'ti-common-color-icon-graybg-active': 'var(--ti-base-color-brand)',
+  'ti-common-color-icon-graybg-disabled': 'var(--ti-base-color-common-4)',
+  'ti-common-color-icon-darkbg-normal': 'var(--ti-base-color-common-3)',
+  'ti-common-color-icon-darkbg-hover': 'var(--ti-base-color-brand3)',
+  'ti-common-color-icon-darkbg-active': 'var(--ti-base-color-brand3)',
+  'ti-common-color-icon-darkbg-disabled': 'var(--ti-base-color-common-1)',
+  'ti-common-color-icon-info': 'var(--ti-base-color-icon-info)',
+
+  // 线条色
+  'ti-common-color-line-normal': 'var(--ti-base-color-common-3)',
+  'ti-common-color-line-hover': 'var(--ti-base-color-common)',
+  'ti-common-color-line-active': 'var(--ti-base-color-common)',
+  'ti-common-color-line-disabled': 'var(--ti-base-color-common-4)',
+  'ti-common-color-line-dividing': 'var(--ti-base-color-common-5)',
+  'ti-common-color-dash-line-normal': 'var(--ti-base-color-brand)',
+  'ti-common-color-dash-line-hover': 'var(--ti-base-color-brand-1)',
+
+  // 背景色
+  'ti-common-color-bg-normal': 'var(--ti-base-color-bg)',
+  'ti-common-color-bg-disabled': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-bg-emphasize': 'var(--ti-base-color-brand)',
+  'ti-common-color-bg-hover': 'var(--ti-base-color-brand-1)',
+  'ti-common-color-bg-gray': 'var(--ti-base-color-bg-2)',
+  'ti-common-color-bg-secondary': 'var(--ti-base-color-common-2)',
+  'ti-common-color-bg-primary': 'var(--ti-base-color-bg-3)',
+  'ti-common-color-bg-primary-hover': 'var(--ti-base-color-bg-4)',
+  'ti-common-color-bg-primary-active': 'var(--ti-base-color-bg-4)',
+  'ti-common-color-bg-minor': 'var(--ti-base-color-bg-7)',
+  'ti-common-color-bg-minor-hover': 'var(--ti-base-color-bg-7)',
+  'ti-common-color-bg-minor-active': 'var(--ti-base-color-bg-7)',
+  'ti-common-color-bg-navigation': 'var(--ti-base-color-bg-5)',
+  'ti-common-color-bg-white-normal': 'var(--ti-base-color-white)',
+  'ti-common-color-bg-white-emphasize': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-bg-light-normal': 'var(--ti-base-color-brand-6)',
+  'ti-common-color-bg-light-emphasize': 'var(--ti-base-color-brand-7)',
+  'ti-common-color-bg-dark-normal': 'var(--ti-base-color-brand-8)',
+  'ti-common-color-bg-dark-emphasize': 'var(--ti-base-color-brand-9)',
+  'ti-common-color-bg-dark-active': 'var(--ti-base-color-bg-normal)',
+  'ti-common-color-bg-dark-disabled': 'var(--ti-base-color-common-4)',
+  'ti-common-color-bg-dark-deep': 'var(--ti-base-color-white)',
+  'ti-common-color-bg-dark-select': 'var(--ti-base-color-white)',
+
+  // 图表色
+  'ti-common-color-data-1': 'var(--ti-base-color-icon-info)',
+  'ti-common-color-data-2': 'var(--ti-base-color-data-2)',
+  'ti-common-color-data-3': 'var(--ti-base-color-data-3)',
+  'ti-common-color-data-4': 'var(--ti-base-color-data-4)',
+  'ti-common-color-data-5': 'var(--ti-base-color-data-5)',
+  'ti-common-color-data-6': 'var(--ti-base-color-data-6)',
+  'ti-common-color-data-7': 'var(--ti-base-color-data-7)',
+  'ti-common-color-data-8': 'var(--ti-base-color-data-8)',
+
+  /* 字号 */
+  'ti-common-font-size-base': '14px', // 正文
+  'ti-common-font-size-0': '12px', // 辅助文本
+  'ti-common-font-size-1': '14px',
+  'ti-common-font-size-2': '16px',
+  'ti-common-font-size-3': '18px',
+  'ti-common-font-size-4': '20px',
+  'ti-common-font-size-5': '24px',
+  'ti-common-font-size-6': '32px',
+  'ti-common-font-size-7': '36px',
+  'ti-common-font-size-8': '40px',
+  'ti-common-font-size-9': '48px',
+  'ti-common-font-size-10': '56px',
+  'ti-common-line-number': '1.5',
+
+  /* 字体 */
+  'ti-common-font-family':
+    '"Helvetica", "Arial", "PingFangSC-Regular", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei"',
+
+  /* 间距 */
+  'ti-common-space-base': '4px',
+  'ti-common-space-2x': 'calc(var(--ti-common-space-base) * 2)',
+  'ti-common-space-3x': 'calc(var(--ti-common-space-base) * 3)',
+  'ti-common-space-4x': 'calc(var(--ti-common-space-base) * 4)',
+  'ti-common-space-5x': 'calc(var(--ti-common-space-base) * 5)',
+  'ti-common-space-6x': 'calc(var(--ti-common-space-base) * 6)',
+  'ti-common-space-8x': 'calc(var(--ti-common-space-base) * 8)',
+  'ti-common-space-10x': 'calc(var(--ti-common-space-base) * 10)',
+  'ti-common-space-6': '6px',
+  'ti-common-space-10': '10px',
+  'ti-common-space-0': '0px',
+  'ti-common-space-2': '2px',
+
+  /* 阴影 */
+  'ti-common-shadow-1-up': '0 -1px 3px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-1-down': '0 1px 3px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-1-left': '-1px 0px3px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-1-right': '1px 0px 3px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-2-up': ' 0 -2px 12px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-2-down': '0 2px 12px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-2-left': '-2px 0 12px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-2-right': '2px 0 12px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-3-up': '0 -2px 12px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-3-down': '0 2px 12px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-3-left': '-2px 0 12px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-3-right': '2px 0 12px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-4-up': '0 -4px 22px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-4-down': '0 4px 22px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-4-left': '-4px 0 22px 0 rgba(0,0,0,0.08)',
+  'ti-common-shadow-4-right': '4px 0 22px 0 rgba(0,0,0,0.08)',
+
+  /* 圆角 */
+  'ti-common-border-radius-normal': 'var(--ti-common-border-radius-3)',
+  'ti-common-border-radius-1': '2px',
+  'ti-common-border-radius-2': '4px',
+  'ti-common-border-radius-3': '6px',
+  'ti-common-border-radius-4': '8px',
+  'ti-common-border-radius-5': '12px',
+  'ti-common-border-radius-6': '16px',
+  'ti-common-border-radius-7': '24px',
+  'ti-common-border-radius-8': '32px',
+  'ti-common-border-radius-9': '48px',
+  'ti-common-border-radius-10': '100px',
+
+  /* 2023.4.17 新增 */
+
+  /* 主要 */
+  'ti-common-color-primary-normal': 'var(--ti-base-color-brand)',
+  'ti-common-color-primary-hover': 'var(--ti-base-color-brand-1)',
+  'ti-common-color-primary-active': 'var(--ti-base-color-brand-1)',
+  'ti-common-color-primary-disabled': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-primary-disabled-border': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-primary-disabled-text': 'var(--ti-base-color-common-3)',
+
+  /* 成功 */
+  'ti-common-color-success-normal': 'var(--ti-base-color-success)',
+  'ti-common-color-success-hover': '#b9e683',
+  'ti-common-color-success-active': '#b9e683',
+  'ti-common-color-success-disabled': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-success-disabled-border': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-success-disabled-text': 'var(--ti-base-color-common-3)',
+
+  /* 警告 */
+  'ti-common-color-warning-normal': 'var(--ti-base-color-warn)',
+  'ti-common-color-warning-hover': '#fcc98b',
+  'ti-common-color-warning-active': '#fcc98b',
+  'ti-common-color-warning-disabled': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-warning-disabled-border': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-warning-disabled-text': 'var(--ti-base-color-common-3)',
+
+  /*  失败 */
+  'ti-common-color-danger-normal': 'var(--ti-base-color-error)',
+  'ti-common-color-danger-hover': '#faa9a5',
+  'ti-common-color-danger-active': '#faa9a5',
+  'ti-common-color-danger-disabled': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-danger-disabled-border': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-danger-disabled-text': 'var(--ti-base-color-common-3)',
+
+  /* 信息 */
+  'ti-common-color-info-normal': 'var(--ti-base-color-common)',
+  'ti-common-color-info-hover': 'var(--ti-base-color-common-1)',
+  'ti-common-color-info-active': 'var(--ti-base-color-common-1)',
+  'ti-common-color-info-disabled': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-info-disabled-border': 'var(--ti-base-color-bg-1)',
+  'ti-common-color-info-disabled-text': 'var(--ti-base-color-common-3)',
+
+  'ti-common-color-light': 'var(--ti-base-color-bg-5)',
+  'ti-common-color-dark': '#000',
+
+  /* 边框/分割线颜色 */
+  'ti-common-color-border': '#999999',
+  'ti-common-color-border-hover': 'var(--ti-base-color-brand)',
+
+  /* 背景色 */
+  'ti-common-color-hover-background': 'var(--ti-base-color-bg);',
+  'ti-common-color-selected-background': 'var(--ti-base-color-bg)',
+
+  /* 文本色 */
+  'ti-common-color-selected-text-color': 'var(--ti-base-color-brand)',
+  'ti-common-color-placeholder': 'var(--ti-base-color-common-2)',
+
+  /* 间距 */
+  'ti-common-dropdown-gap': '4px',
+
+  /* 字重 */
+  'ti-common-font-weight-light': '100',
+  'ti-common-font-weight-normal': '400',
+  'ti-common-font-weight-bold': '600',
+
+  /* 字体 */
+  'ti-common-font-family-normal': 'var(--ti-common-font-family)',
+
+  /* 宽 */
+  'ti-common-size-width-large': '152px',
+  'ti-common-size-width-medium': '120px',
+  'ti-common-size-width-normal': '104px', // Default
+  'ti-common-size-width-small': '80px',
+  'ti-common-size-width-minor': '30px',
+  'ti-common-size-width-mini': '24px',
+
+  /* 高 */
+  'ti-common-size-height-large': '48px',
+  'ti-common-size-height-medium': '40px',
+  'ti-common-size-height-normal': '32px', // Default
+  'ti-common-size-height-small': '24px',
+  'ti-common-size-height-minor': '30px',
+  'ti-common-size-height-mini': '24px',
+
+  /* 行高 */
+  'ti-common-line-height-base': '18px', // 跟字号对应
+  'ti-common-line-height-1': '22px',
+  'ti-common-line-height-2': '24px',
+  'ti-common-line-height-3': '28px',
+  'ti-common-line-height-4': '30px',
+  'ti-common-line-height-5': '36px',
+  'ti-common-line-height-6': '48px',
+  'ti-common-line-height-7': '54px',
+  'ti-common-line-height-8': '60px',
+  'ti-common-line-height-9': '72px',
+  'ti-common-line-height-10': '84px',
+
+  /*  滚动条 */
+  'ti-common-scrollbar-width': '8px',
+  'ti-common-scrollbar-track-piece-bg-color': 'var(--ti-base-color-bg-5)',
+  'ti-common-scrollbar-thumb-bg-color': 'var(--ti-base-color-common-4)',
+  'ti-common-scrollbar-thumb-border-radius': '4px',
+  'ti-common-scrollbar-thumb-hover-bg-color': 'var(--ti-base-color-common-4)',
+  'ti-common-scrollbar-thumb-active-bg-color': 'var(--ti-base-color-common-4)'
+}
+
+export * from './component'

package/theme/utils.js

@@ -0,0 +1,12 @@
+export function flattenObject(obj) {
+  const result = {}
+
+  Object.entries(obj).forEach(([key, val]) => {
+    if (val && typeof val === 'object')
+      Object.assign(result, val)
+    else
+      result[key] = val
+  })
+
+  return result
+}

package/theme-tool.js

@@ -1,16 +1,16 @@
 /**
-* 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'
+ * 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 definedComponents from './theme.config'
 
 /**
  *  TinyVue主题切换类 负责CSS变量主题的装卸，主题元数据转换成主题数据
@@ -73,25 +73,32 @@ export default class TinyThemeTool {
       }
     }
     this.contentElement.textContent = this.formatCSSVariables(currentTheme.data)
+
     this.contentElement.setAttribute('tiny-theme', this.currentTheme.id)
   }
 
+  // 通过 `组件css变量`，来推导出组件名： 从 ti-checkbox-button-bg-color， 推导出 checkbox-button
   findClassName(name) {
     const compNameList = name.split('-')
     if (compNameList.length < 2) {
       return false
     }
-    const compLength = components.length
+    const compLength = definedComponents.length
     let compName = ''
     for (let i = 0; i < compLength; i++) {
-      if (components[i] === `${compNameList[1]}-${compNameList[2]}`) {
-        compName = `tiny-${components[i]}`
+      // 先试试是不是双段式的组件名： 比如dialog-box 这种
+      if (definedComponents[i] === `${compNameList[1]}-${compNameList[2]}`) {
+        compName = `tiny-${definedComponents[i]}`
         break
       }
     }
+    // 不是双段的组件，则取第一位为组件名
     if (!compName) {
       compName = `tiny-${compNameList[1]}`
     }
+
+    // 提高权重，促使主题变换成功
+    compName = `${compName}[class*=tiny]`
     return compName
   }
 

package/theme.config.js

@@ -1,16 +1,17 @@
 /**
-* 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.
-*
-*/
+ * 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 [
+  'action-menu',
   'bulletin-board',
   'button-group',
   'card-container',
@@ -21,38 +22,58 @@ export default [
   'cascader-menu',
   'cascader-panel',
   'cascader-node',
+  'checkbox-button',
+  'checkbox-group',
   'context-menu',
+  'collapse-item',
   'detail-page',
   'dialog-box',
+  'dropdown-item',
+  'dropdown-menu',
   'drop-roles',
   'drop-times',
+  'date-panel',
+  'date-picker',
+  'data-range',
+  'date-table',
   'fall-menu',
   'form-item',
   'img-preview',
   'img-preview-item',
   'ip-address',
   'link-menu',
+  'month-range',
+  'month-table',
   'nav-menu',
+  'option-group',
+  'option',
   'pop-editor',
-  'picker-panel',
-  'date-picker',
   'popup-horiz-menu',
   'popup-menu',
+  'picker-panel',
   'quick-link-menu',
+  'time-picker',
+  'time-spinner',
+  'time-panel',
+  'time-range',
+  'time-select',
   'scroll-text',
   'slide-bar',
   'slide-img',
   'select-dropdown',
   'suggest-popup',
   'tab-item',
+  'tabs-dropdown',
   'textarea',
   'text-parse',
   'text-popup',
   'toggle-menu',
   'tree-menu',
+  'upload-list',
   'user-account',
   'user-card',
   'user-contact',
   'user-head',
-  'user-link'
+  'user-link',
+  'year-table'
 ]

package/time-select/index.css

@@ -1 +1 @@
-.tiny-time-select .tiny-time-select__item{color:var(--ti-date-picker-text-color);font-size:var(--ti-common-font-size-base);padding:0 8px;line-height:var(--ti-common-size-height-normal);height:var(--ti-common-size-height-normal)}.tiny-time-select .tiny-time-select__item:not(.disabled):hover{background-color:var(--ti-date-picker-hover-bg-color);cursor:pointer}.tiny-time-select .tiny-time-select__item.selected:not(.disabled){background-color:var(--ti-date-picker-selected-bg-color)}.tiny-time-select .tiny-time-select__item.disabled{color:var(--ti-date-picker-disabled-text-color);cursor:not-allowed}
+.tiny-time-select{--ti-time-select-item-height:var(--ti-common-size-height-normal);--ti-time-select-item-text-color:var(--ti-common-color-text-primary);--ti-time-select-item-font-size:var(--ti-common-font-size-base);--ti-time-select-item-line-height:var(--ti-common-size-height-normal);--ti-time-select-item-padding-horizontal:var(--ti-common-size-2x);--ti-time-select-item-hover-bg-color:var(--ti-common-color-selected-background);--ti-time-select-item-disabled-text-color:var(--ti-common-color-text-disabled)}.tiny-time-select .tiny-time-select__item{color:var(--ti-time-select-item-text-color);font-size:var(--ti-time-select-item-font-size);padding:0 var(--ti-time-select-item-padding-horizontal);line-height:var(--ti-time-select-item-line-height);height:var(--ti-time-select-item-height)}.tiny-time-select .tiny-time-select__item:not(.disabled):hover{background-color:var(--ti-time-select-item-hover-bg-color);cursor:pointer}.tiny-time-select .tiny-time-select__item.selected:not(.disabled){background-color:var(--ti-time-select-item-hover-bg-color)}.tiny-time-select .tiny-time-select__item.disabled{color:var(--ti-time-select-item-disabled-text-color);cursor:not-allowed}

package/tip/index.css

@@ -1 +1 @@
-.tiny-tips{--ti-tips-normal-bg-color:var(--ti-common-color-secondary);--ti-tips-normal-text-color:var(--ti-common-color-light);--ti-tips-error-bg-color:#ff7875;--ti-tips-error-text-color:var(--ti-common-color-light);--ti-tips-succeed-bg-color:var(--ti-common-color-success-normal);--ti-tips-succeed-text-color:var(--ti-common-color-light);--ti-tips-warning-bg-color:#fa8c16;--ti-tips-warning-text-color:var(--ti-common-color-light);--ti-tips-infor-bg-color:var(--ti-common-color-border);--ti-tips-infor-text-color:var(--ti-common-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}
+.tiny-tips{--ti-tips-normal-bg-color:var(--ti-common-color-bg-dark-deep);--ti-tips-normal-text-color:var(--ti-common-color-light);--ti-tips-error-bg-color:#ff7875;--ti-tips-error-text-color:var(--ti-common-color-light);--ti-tips-succeed-bg-color:var(--ti-common-color-success-normal);--ti-tips-succeed-text-color:var(--ti-common-color-light);--ti-tips-warning-bg-color:#fa8c16;--ti-tips-warning-text-color:var(--ti-common-color-light);--ti-tips-infor-bg-color:var(--ti-common-color-border);--ti-tips-infor-text-color:var(--ti-common-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}

package/toggle-menu/index.css

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

package/tooltip/aurora-theme.js

@@ -0,0 +1,5 @@
+export const tinyTooltipAuroraTheme = {
+  'ti-tooltip-popper-normal-text-color': '#fff',
+  'ti-tooltip-popper-info-bg-color': '#69c0ff',
+  'ti-tooltip-popper-info-border-color': '#69c0ff'
+}