@opentiny/vue-theme 3.8.4 → 3.9.0

package/theme-tool.d.ts

@@ -0,0 +1,15 @@
+interface ThemeData {
+  id: string;
+  name: string;
+  cnName: string;
+  data: object;
+}
+
+export default class TinyThemeTool {
+  currentTheme: string;
+  contentElement: HTMLElement;
+  styleSheetId: string;
+  defaultTheme: object;
+  changeTheme: (theme: ThemeData) => void;
+  constructor(theme: ThemeData, styleSheetId: string);
+}

package/theme-tool.js

@@ -26,25 +26,24 @@ import definedComponents from './theme.config'
  */
 
 export default class TinyThemeTool {
-  // 当前主题
-  currentTheme
-
-  // 当前style标签元素
-  contentElement
+  constructor(theme, styleSheetId = 'tinyThemeVariables') {
+    // 当前主题
+    this.currentTheme = null
 
-  // 当前style标签的id
-  styleSheetId
+    // 当前style标签元素
+    this.contentElement = null
 
-  // 默认主题
+    // 当前style标签的id
+    this.styleSheetId = null
 
-  defaultTheme = {
-    id: 'tiny-default-theme',
-    name: 'Default',
-    cnName: '默认',
-    data: {}
-  }
+    // 默认主题
+    this.defaultTheme = {
+      id: 'tiny-default-theme',
+      name: 'Default',
+      cnName: '默认',
+      data: {}
+    }
 
-  constructor(theme, styleSheetId = 'tinyThemeVariables') {
     let currentTheme = theme
     if (!theme) {
       currentTheme = this.defaultTheme

package/theme.config.js

@@ -50,6 +50,8 @@ export default [
   'pop-editor',
   'popup-horiz-menu',
   'popup-menu',
+  'popconfirm',
+  'popconfirm-popover',
   'picker-panel',
   'quick-link-menu',
   'time-picker',

package/tooltip/aurora-theme.js

@@ -1,5 +1,11 @@
 export const tinyTooltipAuroraTheme = {
+  'ti-tooltip-popper-normal-bg-color': '#303133',
+  'ti-tooltip-popper-dark-bg-color': '#303133',
+  'ti-tooltip-popper-border-color': '#303133',
+  'ti-tooltip-popper-normal-border-color': '#303133',
   'ti-tooltip-popper-normal-text-color': '#fff',
   'ti-tooltip-popper-info-bg-color': '#69c0ff',
-  'ti-tooltip-popper-info-border-color': '#69c0ff'
+  'ti-tooltip-popper-info-border-color': '#69c0ff',
+  'ti-tooltip-padding-vertical': '10px',
+  'ti-tooltip-padding-horizontal': '10px'
 }

package/tree/aurora-theme.js

@@ -0,0 +1,4 @@
+export const tinyTreeAuroraTheme = {
+  'ti-tree-node-expand-icon-color': 'var(--ti-common-color-text-primary)',
+  'ti-tree-node-checked-icon-color': 'var(--ti-common-color-text-primary)'
+}

package/tree-menu/aurora-theme.js

@@ -0,0 +1,3 @@
+export const tinyTreeMenuAuroraTheme = {
+  'ti-tree-menu-node-current-text-color': 'var(--ti-common-color-icon-active)',
+}

package/year-table/index.css

@@ -1 +1 @@
-.tiny-year-table{--ti-year-table-td-text-color:var(--ti-base-color-brand-7);--ti-year-table-td-icon-color:#303133;font-size:var(--ti-date-picker-font-size);margin:-1px;border-collapse:collapse}.tiny-year-table td{text-align:center;cursor:pointer}.tiny-year-table td.today .cell{color:var(--ti-year-table-td-text-color);font-weight:700}.tiny-year-table td.disabled .cell{background-color:var(--ti-date-picker-disabled-bg-color);cursor:not-allowed;color:var(--ti-date-picker-disabled-text-color)}.tiny-year-table td.disabled .cell:hover{color:var(--ti-date-picker-disabled-text-color)}.tiny-year-table td .cell{width:48px;height:24px;line-height:24px;display:block;color:var(--ti-date-picker-text-color);margin:0 auto;border-radius:2px}.tiny-year-table td .cell:hover{background:var(--ti-date-picker-hover-bg-color)}.tiny-year-table td.current:not(.disabled) .cell{color:var(--ti-date-table-td-nomal-text-color);background:var(--ti-date-picker-current-select-bg-color)}.tiny-year-table td.available{padding:16px 3px}.tiny-year-table .tiny-icon{color:var(--ti-year-table-td-icon-color)}
+.tiny-year-table{--ti-year-table-td-text-color:var(--ti-base-color-brand-7);--ti-year-table-td-icon-color:#303133;--ti-date-picker-width:280px;--ti-date-picker-font-size:var(--ti-common-font-size-base);--ti-date-picker-text-color:var(--ti-common-color-info-normal);--ti-date-picker-bg-color:var(--ti-common-color-light);--ti-date-picker-border-radius:var(--ti-common-border-radius-normal);--ti-date-picker-border-color:var(--ti-common-color-line-dividing);--ti-date-picker-hover-bg-color:var(--ti-base-color-brand-2);--ti-date-picker-disabled-text-color:var(--ti-common-color-text-disabled);--ti-date-picker-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-date-picker-selected-bg-color:#f2f2f3;--ti-date-picker-icon-font-size:var(--ti-common-font-size-1);--ti-date-picker-current-select-bg-color:var(--ti-base-color-brand-6);--ti-date-picker-current-border-color:var(--ti-base-color-brand-6);--ti-date-picker-current-border-radius:0;--ti-date-picker-range-bg-color:var(--ti-base-color-brand-2);--ti-date-picker-range-hover-bg-color:var(--ti-base-color-brand-2);--ti-date-picker-header-label-hover-text-color:var(--ti-base-color-brand-7);--ti-date-table-td-width:36px;--ti-date-table-td-height:34px;--ti-date-table-td-padding-vertical:4px;--ti-date-table-td-padding-horizontal:0;--ti-date-table-td-span-width:36px;--ti-date-table-td-span-height:24px;--ti-date-table-th-text-color:var(--ti-base-color-common-2);--ti-date-table-td-border-radius:0;--ti-date-table-td-pre-month-text-color:var(--ti-base-color-common-2);--ti-date-table-td-normal-text-color:var(--ti-common-color-light);--ti-date-table-td-range-bg-color:#f2f6fc;--ti-date-table-td-today-border-color:var(--ti-base-color-brand-6);--ti-date-table-td-today-text-color:var(--ti-common-color-info-normal);--ti-date-table-week-bg-color-current-select:var(--ti-base-color-brand-2);--ti-date-table-week-bg-color-current-hover:var(--ti-base-color-brand-3);--ti-date-table-font-size:var(--ti-common-font-size-base);--ti-date-table-hover-bg-color:var(--ti-common-color-selected-background);--ti-date-table-current-border-color:var(--ti-base-color-brand-6);--ti-date-table-disabled-text-color:var(--ti-common-color-text-disabled);--ti-date-table-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-date-table-range-bg-color:var(--ti-base-color-brand-2);--ti-date-table-range-hover-bg-color:var(--ti-base-color-brand-2);--ti-date-table-bg-color-current-select:var(--ti-base-color-brand-6);--ti-date-table-text-color:var(--ti-common-color-info-normal);--ti-date-table-border-radius-current-select:0;font-size:var(--ti-date-picker-font-size);margin:-1px;border-collapse:collapse}.tiny-year-table td{text-align:center;cursor:pointer}.tiny-year-table td.today .cell{color:var(--ti-year-table-td-text-color);font-weight:700}.tiny-year-table td.disabled .cell{background-color:var(--ti-date-picker-disabled-bg-color);cursor:not-allowed;color:var(--ti-date-picker-disabled-text-color)}.tiny-year-table td.disabled .cell:hover{color:var(--ti-date-picker-disabled-text-color)}.tiny-year-table td .cell{width:48px;height:24px;line-height:24px;display:block;color:var(--ti-date-picker-text-color);margin:0 auto;border-radius:2px}.tiny-year-table td .cell:hover{background:var(--ti-date-picker-hover-bg-color)}.tiny-year-table td.current:not(.disabled) .cell{color:var(--ti-date-table-td-normal-text-color);background:var(--ti-date-picker-current-select-bg-color)}.tiny-year-table td.available{padding:16px 3px}.tiny-year-table .tiny-icon{color:var(--ti-year-table-td-icon-color)}

package/pop-upload/index.js

@@ -1,21 +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 default {
-  'tiny-popupload-font-size': '12px',
-  'tiny-popupload-dialog-table-border-color': '#d9d9d9',
-  'tiny-popupload-dialog-table-header-height': '36px',
-  'tiny-popupload-dialog-table-header-text-color': '#333',
-  'tiny-popupload-dialog-table-header-bg-color': '#f1f1f1',
-  'tiny-popupload-dialog-table-icon-color': '#1890ff',
-  'tiny-popupload-dialog-table-icon-color-hover': '#f5222d'
-}