@opentiny/vue-theme-saas 3.19.0 → 3.20.0

package/theme-tool.js

@@ -1,132 +1,40 @@
-/**
- * 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 tinyOldTheme from './old-theme-index.js'
 
-import definedComponents from './theme.config'
+export { tinyOldTheme }
 
 /**
- *  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
+  constructor(theme) {
+    this.loaded = {} // 缓存已加载的样式
+    if (theme) {
+      this.changeTheme(theme)
     }
-    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)
-      }
+  changeTheme(theme, target = document) {
+    let loadedSheet = this.loaded[target]
+    if (!loadedSheet) {
+      loadedSheet = new CSSStyleSheet()
+      target.adoptedStyleSheets = [...target.adoptedStyleSheets, loadedSheet]
+      this.loaded[target] = loadedSheet
     }
-    this.contentElement.textContent = this.formatCSSVariables(currentTheme.data)
 
-    this.contentElement.setAttribute('tiny-theme', this.currentTheme.id)
-  }
+    if (theme && (theme.data || theme.css)) {
+      let cssContent = ''
+      if (theme.data && typeof theme.data === 'object') {
+        cssContent = Object.keys(theme.data)
+          .map((key) => `--${key}: ${theme.data[key]}; `)
+          .join('')
 
-  // 通过 `组件css变量`，来推导出组件名： 从 ti-checkbox-button-bg-color， 推导出 checkbox-button
-  findClassName(name) {
-    const compNameList = name.split('-')
-    if (compNameList.length < 2) {
-      return false
-    }
-    const compLength = definedComponents.length
-    let compName = ''
-    for (let i = 0; i < compLength; i++) {
-      // 先试试是不是双段式的组件名： 比如dialog-box 这种
-      if (definedComponents[i] === `${compNameList[1]}-${compNameList[2]}`) {
-        compName = `tiny-${definedComponents[i]}`
-        break
+        cssContent = `:root{${cssContent}}`
       }
-    }
-    // 不是双段的组件，则取第一位为组件名
-    if (!compName) {
-      compName = `tiny-${compNameList[1]}`
-    }
-
-    // 提高权重，促使主题变换成功
-    compName = `${compName}[class*=tiny]`
-    return compName
-  }
-
-  formatCSSVariables(themeData) {
-    const componentsMap = {}
-    let rootCssVar = 'html: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]};`]
-          }
-        }
+      if (theme.css && typeof theme.css === 'string') {
+        cssContent += theme.css
       }
-    })
 
-    Object.keys(componentsMap).forEach((item) => {
-      componentsCssVar += `.${item}{${componentsMap[item].join('')}}`
-    })
-
-    return `${rootCssVar}}${componentsCssVar}`
+      loadedSheet.replaceSync(cssContent)
+    }
   }
 }

package/tooltip/index.css

@@ -1 +1 @@
-.tiny-tooltip:focus:hover,.tiny-tooltip:focus:not(.focusing){outline-width:0}.tiny-tooltip__content-wrapper{max-height:50vh;overflow:auto}.tiny-tooltip.tiny-tooltip__popper{position:absolute;left:-9999px;padding-top:var(--tiny-spacing-2_5,.625rem);padding-bottom:var(--tiny-spacing-2_5,.625rem);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);font-size:var(--tiny-fontSize-xs,.75rem);line-height:1.3;min-width:10px;max-width:450px;z-index:2000;word-wrap:break-word;border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);--tw-shadow:var(--tiny-boxShadow-DEFAULT, 0px 4px 12px 0px rgba(0, 0, 0, 0.08));--tw-shadow-colored:0px 4px 12px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-DEFAULT,0 4px 12px 0 rgba(0,0,0,.08));box-shadow:var(--tiny-boxShadow-DEFAULT,0 4px 12px 0 rgba(0,0,0,.08))}.tiny-tooltip.tiny-tooltip__popper .popper__arrow,.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:var(--tiny-spacing-0,0);height:var(--tiny-spacing-0,0);border-color:transparent;border-style:solid}.tiny-tooltip.tiny-tooltip__popper .popper__arrow{border-width:6px}.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{--tw-content:'';content:var(--tw-content);border-width:5px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top]{margin-bottom:var(--tiny-spacing-3,.75rem)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow{bottom:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-top-color:var(--tiny-color-text-primary,#191919);border-bottom-width:var(--tiny-borderWidth-0,0)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:var(--tiny-spacing-px,.0625rem);margin-left:-5px;border-top-color:var(--tiny-color-text-primary,#191919);border-bottom-width:var(--tiny-borderWidth-0,0)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom]{margin-top:var(--tiny-spacing-3,.75rem)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow{top:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-top-width:var(--tiny-borderWidth-0,0);border-bottom-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:var(--tiny-spacing-px,.0625rem);margin-left:-5px;border-top-width:var(--tiny-borderWidth-0,0);border-bottom-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right]{margin-left:var(--tiny-spacing-3,.75rem)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow{left:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-right-color:var(--tiny-color-text-primary,#191919);border-left-width:var(--tiny-borderWidth-0,0)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:var(--tiny-spacing-px,.0625rem);border-right-color:var(--tiny-color-text-primary,#191919);border-left-width:var(--tiny-borderWidth-0,0)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left]{margin-right:var(--tiny-spacing-3,.75rem)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow{right:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-right-width:var(--tiny-borderWidth-0,0);border-left-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow::after{right:var(--tiny-spacing-px,.0625rem);bottom:-5px;margin-left:-5px;border-right-width:var(--tiny-borderWidth-0,0);border-left-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal{background:var(--tiny-color-text-primary,#191919);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-info{background:var(--tiny-color-info-secondary,#8ca3fa);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-error{background:var(--tiny-color-error,#e02128);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-warning{background:var(--tiny-color-warning,#d19f00);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-success{background:var(--tiny-color-success,#09aa71);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-dark{background-color:var(--tiny-color-text-primary,#191919);color:var(--tiny-color-text-inverse,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-light{background:var(--tiny-color-bg-1,#fff);color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-bg-1,#fff);-webkit-filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .08));filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .08))}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-bg-1,#fff);-webkit-filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, .08));filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, .08))}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-bg-1,#fff);-webkit-filter:drop-shadow(2px 0 2px rgba(0, 0, 0, .08));filter:drop-shadow(2px 0 2px rgba(0, 0, 0, .08))}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-bg-1,#fff);-webkit-filter:drop-shadow(-2px 0 2px rgba(0, 0, 0, .08));filter:drop-shadow(-2px 0 2px rgba(0, 0, 0, .08))}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-blank-content{display:none}.tiny-tooltip.tiny-tooltip__hidden-true{display:none}.tiny-tooltip.tiny-tooltip__show-tips{max-width:200px;margin-left:-18px}
+.tiny-tooltip:focus:hover,.tiny-tooltip:focus:not(.focusing){outline-width:0}.tiny-tooltip__content-wrapper{max-height:50vh;overflow:auto}.tiny-tooltip pre{font-family:inherit}.tiny-tooltip.tiny-tooltip__popper{position:absolute;left:-9999px;padding-top:var(--tiny-spacing-2_5,.625rem);padding-bottom:var(--tiny-spacing-2_5,.625rem);padding-left:var(--tiny-spacing-4,1rem);padding-right:var(--tiny-spacing-4,1rem);font-size:var(--tiny-fontSize-xs,.75rem);line-height:1.3;min-width:10px;max-width:450px;z-index:2000;word-wrap:break-word;border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);--tw-shadow:var(--tiny-boxShadow-DEFAULT, 0px 4px 12px 0px rgba(0, 0, 0, 0.08));--tw-shadow-colored:0px 4px 12px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-box-shadow:var(--tiny-boxShadow-DEFAULT,0 4px 12px 0 rgba(0,0,0,.08));box-shadow:var(--tiny-boxShadow-DEFAULT,0 4px 12px 0 rgba(0,0,0,.08))}.tiny-tooltip.tiny-tooltip__popper .popper__arrow,.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:var(--tiny-spacing-0,0);height:var(--tiny-spacing-0,0);border-color:transparent;border-style:solid}.tiny-tooltip.tiny-tooltip__popper .popper__arrow{border-width:6px}.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{--tw-content:'';content:var(--tw-content);border-width:5px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top]{margin-bottom:var(--tiny-spacing-3,.75rem)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow{bottom:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-top-color:var(--tiny-color-text-primary,#191919);border-bottom-width:var(--tiny-borderWidth-0,0)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:var(--tiny-spacing-px,.0625rem);margin-left:-5px;border-top-color:var(--tiny-color-text-primary,#191919);border-bottom-width:var(--tiny-borderWidth-0,0)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom]{margin-top:var(--tiny-spacing-3,.75rem)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow{top:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-top-width:var(--tiny-borderWidth-0,0);border-bottom-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:var(--tiny-spacing-px,.0625rem);margin-left:-5px;border-top-width:var(--tiny-borderWidth-0,0);border-bottom-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right]{margin-left:var(--tiny-spacing-3,.75rem)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow{left:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-right-color:var(--tiny-color-text-primary,#191919);border-left-width:var(--tiny-borderWidth-0,0)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:var(--tiny-spacing-px,.0625rem);border-right-color:var(--tiny-color-text-primary,#191919);border-left-width:var(--tiny-borderWidth-0,0)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left]{margin-right:var(--tiny-spacing-3,.75rem)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow{right:calc(var(--tiny-spacing-1_5,.375rem) * -1);border-right-width:var(--tiny-borderWidth-0,0);border-left-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow::after{right:var(--tiny-spacing-px,.0625rem);bottom:-5px;margin-left:-5px;border-right-width:var(--tiny-borderWidth-0,0);border-left-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal{background:var(--tiny-color-text-primary,#191919);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-info{background:var(--tiny-color-info-secondary,#8ca3fa);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-info-secondary,#8ca3fa)}.tiny-tooltip.tiny-tooltip__popper.is-error{background:var(--tiny-color-error,#e02128);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-error,#e02128)}.tiny-tooltip.tiny-tooltip__popper.is-warning{background:var(--tiny-color-warning,#d19f00);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-warning,#d19f00)}.tiny-tooltip.tiny-tooltip__popper.is-success{background:var(--tiny-color-success,#09aa71);color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-success,#09aa71)}.tiny-tooltip.tiny-tooltip__popper.is-dark{background-color:var(--tiny-color-text-primary,#191919);color:var(--tiny-color-text-inverse,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-light{background:var(--tiny-color-bg-1,#fff);color:var(--tiny-color-text-primary,#191919)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:var(--tiny-color-bg-1,#fff);-webkit-filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .08));filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .08))}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--tiny-color-bg-1,#fff);-webkit-filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, .08));filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, .08))}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:var(--tiny-color-bg-1,#fff);-webkit-filter:drop-shadow(2px 0 2px rgba(0, 0, 0, .08));filter:drop-shadow(2px 0 2px rgba(0, 0, 0, .08))}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:var(--tiny-color-bg-1,#fff);-webkit-filter:drop-shadow(-2px 0 2px rgba(0, 0, 0, .08));filter:drop-shadow(-2px 0 2px rgba(0, 0, 0, .08))}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:var(--tiny-color-bg-1,#fff)}.tiny-tooltip.tiny-tooltip__popper.is-blank-content{display:none}.tiny-tooltip.tiny-tooltip__hidden-true{display:none}.tiny-tooltip.tiny-tooltip__show-tips{max-width:200px;margin-left:-18px}

package/theme/aurora-theme/index.js

@@ -1 +0,0 @@
-export const tinyBaseAuroraTheme = {}

package/theme/deep-theme/index.js

@@ -1,13 +0,0 @@
-/**
- * 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 deepTheme = {}

package/theme/galaxy-theme/index.js

@@ -1,13 +0,0 @@
-/**
- * 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 galaxyTheme = {}

package/theme/impression-theme/index.js

@@ -1,13 +0,0 @@
-/**
- * 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 impressionTheme = {}

package/theme/index.js

@@ -1,61 +0,0 @@
-/**
- * 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 { flattenObject } from './utils'
-import { impressionTheme } from './impression-theme'
-import { infinityTheme } from './infinity-theme'
-import { deepTheme } from './deep-theme'
-import { galaxyTheme } from './galaxy-theme'
-import * as auroraTheme from './aurora-theme'
-import * as smbTheme from './smb-theme'
-
-export const tinyImpressionTheme = {
-  id: 'tiny-impression-theme',
-  name: 'Impression',
-  cnName: '印象',
-  data: impressionTheme
-}
-
-export const tinyInfinityTheme = {
-  id: 'tiny-infinity-theme',
-  name: 'Infinity',
-  cnName: '无限',
-  data: infinityTheme
-}
-
-export const tinyDeepTheme = {
-  id: 'tiny-deep-theme',
-  name: 'Deep',
-  cnName: '深邃夜空',
-  data: deepTheme
-}
-
-export const tinyGalaxyTheme = {
-  id: 'tiny-galaxy-theme',
-  name: 'Galaxy',
-  cnName: '追光',
-  data: galaxyTheme
-}
-
-export const tinyAuroraTheme = {
-  id: 'tiny-aurora-theme',
-  name: 'Aurora',
-  cnName: 'Aurora',
-  data: flattenObject(auroraTheme)
-}
-
-export const tinySmbTheme = {
-  id: 'tiny-smb-theme',
-  name: 'SMB',
-  cnName: 'SMB',
-  data: flattenObject(smbTheme)
-}

package/theme/infinity-theme/index.js

@@ -1,13 +0,0 @@
-/**
- * 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 = {}

package/theme/smb-theme/index.js

@@ -1 +0,0 @@
-export const tinyBaseSmbTheme = {}

package/theme/utils.js

@@ -1,10 +0,0 @@
-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
-}