@opentiny/vue-theme 3.6.0 → 3.6.1-alpha.2

package/theme-tool.js

@@ -1,125 +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}`
-  }
-}
+/**
+* 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 TypeError('当前主题工具只支持浏览器环境')
+    }
+    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

@@ -1,58 +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'
-]
+/**
+* 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

@@ -1,15 +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
-}
+/**
+* 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.js

@@ -1,27 +1,27 @@
-/**
-* 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 {
-  'tiny-tips-normal-bg-color': '#666',
-  'tiny-tips-normal-text-color': '#fff',
-  'tiny-tips-error-bg-color': '#ff7875',
-  'tiny-tips-error-text-color': '#fff',
-  'tiny-tips-succeed-bg-color': '#52c41a',
-  'tiny-tips-succeed-text-color': '#fff',
-  'tiny-tips-warning-bg-color': '#fa8c16',
-  'tiny-tips-warning-text-color': '#fff',
-  'tiny-tips-infor-bg-color': '#d9d9d9',
-  'tiny-tips-infor-text-color': '#333',
-  'tiny-tips-bg-color': '#ff7875',
-  'tiny-tips-border-radius': '2px',
-  'tiny-tips-height': '26px'
-}
+/**
+* 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 {
+  'tiny-tips-normal-bg-color': '#666',
+  'tiny-tips-normal-text-color': '#fff',
+  'tiny-tips-error-bg-color': '#ff7875',
+  'tiny-tips-error-text-color': '#fff',
+  'tiny-tips-succeed-bg-color': '#52c41a',
+  'tiny-tips-succeed-text-color': '#fff',
+  'tiny-tips-warning-bg-color': '#fa8c16',
+  'tiny-tips-warning-text-color': '#fff',
+  'tiny-tips-infor-bg-color': '#d9d9d9',
+  'tiny-tips-infor-text-color': '#333',
+  'tiny-tips-bg-color': '#ff7875',
+  'tiny-tips-border-radius': '2px',
+  'tiny-tips-height': '26px'
+}

package/toggle-menu/index.js

@@ -1,24 +1,24 @@
-/**
-* 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 {
-  'tiny-toggle-menu-width': '210px',
-  'tiny-toggle-menu-font-size': '12px',
-  'tiny-toggle-menu-name-text-color': '#333',
-  'tiny-toggle-menu-tree-node-height': '28px',
-  'tiny-toggle-menu-filter-search-size': '30px',
-  'tiny-toggle-menu-filter-search-font-size': '16px',
-  'tiny-toggle-menu-filter-search-icon-color': '#1890ff',
-  'tiny-toggle-menu-toggle-icon-color': '#1890ff',
-  'tiny-toggle-menu-toggle-icon-color-hover': '#40a9ff',
-  'tiny-toggle-menu-toggle-bg-color': '#d9d9d9'
-}
+/**
+* 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 {
+  'tiny-toggle-menu-width': '210px',
+  'tiny-toggle-menu-font-size': '12px',
+  'tiny-toggle-menu-name-text-color': '#333',
+  'tiny-toggle-menu-tree-node-height': '28px',
+  'tiny-toggle-menu-filter-search-size': '30px',
+  'tiny-toggle-menu-filter-search-font-size': '16px',
+  'tiny-toggle-menu-filter-search-icon-color': '#1890ff',
+  'tiny-toggle-menu-toggle-icon-color': '#1890ff',
+  'tiny-toggle-menu-toggle-icon-color-hover': '#40a9ff',
+  'tiny-toggle-menu-toggle-bg-color': '#d9d9d9'
+}

package/tooltip/index.js

@@ -1,41 +1,41 @@
-/**
-* 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 {
-  'tiny-tooltip-popper-border-radius': '4px',
-  'tiny-tooltip-popper-font-size': '12px',
-  'tiny-tooltip-popper-border-color': '#303133',
-  'tiny-tooltip-popper-normal-bg-color': '#666',
-  'tiny-tooltip-popper-normal-text-color': '#fff',
-  'tiny-tooltip-popper-normal-border-color': '#666',
-  'tiny-tooltip-popper-info-bg-color': '#69c0ff',
-  'tiny-tooltip-popper-info-text-color': '#fff',
-  'tiny-tooltip-popper-info-border-color': '#69c0ff',
-  'tiny-tooltip-popper-error-bg-color': '#ff7875',
-  'tiny-tooltip-popper-error-text-color': '#fff',
-  'tiny-tooltip-popper-error-border-color': '#ff7875',
-  'tiny-tooltip-popper-warning-bg-color': '#ffd666',
-  'tiny-tooltip-popper-warning-text-color': '#fff',
-  'tiny-tooltip-popper-warning-border-color': '#ffd666',
-  'tiny-tooltip-popper-success-bg-color': '#95de64',
-  'tiny-tooltip-popper-success-text-color': '#fff',
-  'tiny-tooltip-popper-success-border-color': '#95de64',
-  'tiny-tooltip-popper-dark-bg-color': '#303133',
-  'tiny-tooltip-popper-dark-text-color': '#fff',
-  'tiny-tooltip-popper-light-bg-color': '#fff',
-  'tiny-tooltip-popper-light-text-color': '#303133',
-  'tiny-tooltip-popper-light-border-color': '#303133',
-  'tiny-tooltip-box-shadow': '0 4px 16px 0 rgba(0, 0, 0, 0.2)',
-  'tiny-tooltip-padding-vertical': '11px',
-  'tiny-tooltip-padding-horizontal': '15px',
-  'tiny-tooltip-validate-icon-color': '#f66f6a'
-}
+/**
+* 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 {
+  'tiny-tooltip-popper-border-radius': '4px',
+  'tiny-tooltip-popper-font-size': '12px',
+  'tiny-tooltip-popper-border-color': '#303133',
+  'tiny-tooltip-popper-normal-bg-color': '#666',
+  'tiny-tooltip-popper-normal-text-color': '#fff',
+  'tiny-tooltip-popper-normal-border-color': '#666',
+  'tiny-tooltip-popper-info-bg-color': '#69c0ff',
+  'tiny-tooltip-popper-info-text-color': '#fff',
+  'tiny-tooltip-popper-info-border-color': '#69c0ff',
+  'tiny-tooltip-popper-error-bg-color': '#ff7875',
+  'tiny-tooltip-popper-error-text-color': '#fff',
+  'tiny-tooltip-popper-error-border-color': '#ff7875',
+  'tiny-tooltip-popper-warning-bg-color': '#ffd666',
+  'tiny-tooltip-popper-warning-text-color': '#fff',
+  'tiny-tooltip-popper-warning-border-color': '#ffd666',
+  'tiny-tooltip-popper-success-bg-color': '#95de64',
+  'tiny-tooltip-popper-success-text-color': '#fff',
+  'tiny-tooltip-popper-success-border-color': '#95de64',
+  'tiny-tooltip-popper-dark-bg-color': '#303133',
+  'tiny-tooltip-popper-dark-text-color': '#fff',
+  'tiny-tooltip-popper-light-bg-color': '#fff',
+  'tiny-tooltip-popper-light-text-color': '#303133',
+  'tiny-tooltip-popper-light-border-color': '#303133',
+  'tiny-tooltip-box-shadow': '0 4px 16px 0 rgba(0, 0, 0, 0.2)',
+  'tiny-tooltip-padding-vertical': '11px',
+  'tiny-tooltip-padding-horizontal': '15px',
+  'tiny-tooltip-validate-icon-color': '#f66f6a'
+}

package/top-box/index.js

@@ -1,21 +1,21 @@
-/**
-* 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 {
-  'tiny-top-box-bg-color': '#fff',
-  'tiny-top-box-icon-font-size': '24px',
-  'tiny-top-box-success-icon-color': '#52c41a',
-  'tiny-top-box-error-icon-color': '#f5222d',
-  'tiny-top-box-warning-icon-color': '#faad14',
-  'tiny-top-box-help-icon-color': '#1890ff',
-  'tiny-top-box-info-icon-color': '#333333'
-}
+/**
+* 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 {
+  'tiny-top-box-bg-color': '#fff',
+  'tiny-top-box-icon-font-size': '24px',
+  'tiny-top-box-success-icon-color': '#52c41a',
+  'tiny-top-box-error-icon-color': '#f5222d',
+  'tiny-top-box-warning-icon-color': '#faad14',
+  'tiny-top-box-help-icon-color': '#1890ff',
+  'tiny-top-box-info-icon-color': '#333333'
+}