SanshuiLiu
/
tiny-vue
forked from opentiny/tiny-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(theme): create theme-swap.js, clean theme folder unused files

This commit is contained in:
shenjunjian 2024-09-02 20:52:20 -07:00 committed by ajaxzheng
parent 98b8a384a3
commit 3b631a1e40
64 changed files with 36 additions and 2062 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
internals/automate/package.json
View File

@ -1,9 +1,12 @@
{
"name": "@opentiny/automate",
"type": "module",
"version": "1.0.0",
"description": "",
"author": "",
"license": "ISC",
"keywords": [],
"main": "./src/index.ts",
"type": "module",
"scripts": {
"start": "esno ./src/index.ts",
"scan": "esno ./src/demos-scan.ts",
@ -11,7 +14,8 @@
"doc-prefix": "esno ./src/doc-prefix.ts",
"diff": "esno ./src/aui-diff.ts",
"add-dep": "esno ./src/add-dependencies.ts",
"auto-build-pub": "esno ./src/publish/index.ts"
"auto-build-pub": "esno ./src/publish/index.ts",
"theme-swap": "esno ./src/theme-swap/index.ts"
},
"dependencies": {
"esno": "^4.7.0",
@ -19,19 +23,16 @@
"fs-extra": "^11.2.0"
},
"devDependencies": {
"@babel/generator": "^7.18.13",
"@babel/parser": "^7.18.13",
"@babel/template": "^7.18.13",
"@babel/traverse": "^7.18.13",
"@types/node": "^20.10.5",
"@vue/compiler-sfc": "^3.4.21",
"chalk": "2.4.2",
"commander": "^10.0.0",
"lodash-es": "^4.17.21",
"sheetjs-style": "^0.15.8",
"commander": "^10.0.0",
"semver": "^7.3.8",
"chalk": "2.4.2",
"@babel/parser": "^7.18.13",
"@babel/traverse": "^7.18.13",
"@babel/generator": "^7.18.13",
"@babel/template": "^7.18.13",
"@vue/compiler-sfc": "^3.4.21"
},
"keywords": [],
"author": "",
"license": "ISC"
"semver": "^7.3.8"
}
}

18
internals/automate/src/theme-swap/README.md Normal file
View File

@ -0,0 +1,18 @@
# vue-theme 替换主题变量
- 将 `smb-theme.js` 中的变量值为默认值，smb-theme中有大量的px, 颜色值，都原样复制即可！
- 将`vars.less`中要被替换的变量收集起来，另存到`old-theme.js`中去.
- 不处理 `base/theme` 2个文件夹。
- 不处理 `images/mixins/svgs` 2个文件夹。
- 不处理 `transition` 2个文件夹。
## 例外处理
- 删除空样式的目录； 没有`smb-theme.js`的，忽略处理。
- `smb-theme.js`中有的， `vars.less`中没有-----------------打印警告
## 处理后待做
`base`中的变量，手工复制替换。
手工校对是否common变量有差异！

1
internals/automate/src/theme-swap/index.ts Normal file
View File

@ -0,0 +1 @@
//

15
packages/theme/src/area/index.js
View File

@ -1,15 +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 {
// area
}

31
packages/theme/src/bulletin-board/index.js
View File

@ -1,31 +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-bulletin-board-title-font-size': '18px',
'tiny-bulletin-board-title-font-weight': 'bold',
'tiny-bulletin-board-title-text-color': '#333',
'tiny-bulletin-board-item-title-text-color': '#000',
'tiny-bulletin-board-item-date-text-color': '#999',
'tiny-bulletin-board-item-date-font-size': '12px',
'tiny-bulletin-board-new-bg-color': '#f00',
'tiny-bulletin-board-new-text-color': '#fff',
'tiny-bulletin-board-new-border-radius': '2px',
'tiny-bulletin-board-more-text-color': '#1890ff',
'tiny-bulletin-board-more-hover-text-color': '#40a9ff',
'tiny-bulletin-board-more-font-size': '12px',
'tiny-bulletin-board-more-icon-font-size': '14px',
'tiny-bulletin-board-tabs-item-text-color': '#333',
'tiny-bulletin-board-tabs-item-hover-text-color': '#1890ff',
'tiny-bulletin-board-tabs-item-disabled-text-color': '#999',
'tiny-bulletin-board-tabs-header-border-color': '#d9d9d9'
}

38
packages/theme/src/calendar/index.js
View File

@ -1,38 +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-calendar-bg-color': '#fff',
'tiny-calendar-list-item-selected-text-color': '#fff',
'tiny-calendar-hover-text-color': '#40a9ff',
'tiny-calendar-border-color': '#d9d9d9',
'tiny-calendar-text-color-primary': '#1890ff',
'tiny-calendar-background-color-primary': 'rgba(24, 144, 255, 0.1)',
'tiny-calendar-bg-color-success': '#52c41a',
'tiny-calendar-bg-color-warning': '#faad14',
'tiny-calendar-bg-color-danger': '#f5222d',
'tiny-calendar-text-color-info': '#333333',
'tiny-calendar-tool-width': '80px',
'tiny-calendar-content-heard-font-size': '14px',
'tiny-calendar-selected-border-radius': '3px',
'tiny-calendar-input-height': '30px',
'tiny-calendar-input-border-radius': '2px',
'tiny-calendar-input-font-size': '12px',
'tiny-calendar-list-item-height': '30px',
'tiny-calendar-list-item-hover-bg-color': '#e6f7ff',
'tiny-calendar-list-item-selected-bg-color': '#f5f5f5',
'tiny-calendar-disabled-text-color': '#bfbfbf',
'tiny-calendar-disabled-info-bg-color': '#bfbfbf',
'tiny-calendar-disabled-success-bg-color': '#a6c3b9',
'tiny-calendar-disabled-warning-bg-color': '#d3c6a2',
'tiny-calendar-disabled-error-bg-color': '#d8bab5'
}

15
packages/theme/src/card-container/index.js
View File

@ -1,15 +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 {
// card-container
}

27
packages/theme/src/card-item/index.js
View File

@ -1,27 +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-card-item-bg-color': '#fff',
'tiny-card-item-border-color': '#ccc',
'tiny-card-item-placeholder-bg-color': 'rgba(0, 0, 0, 0.05)',
'tiny-card-item-placeholder-border-color': 'rgba(0, 0, 0, 0.2)',
'tiny-card-item-resize-icon-color': 'rgba(0, 0, 0, 0.5)',
'tiny-card-item-remove-icon-bg-color': 'rgba(255, 255, 255, 0)',
'tiny-card-item-remove-icon-color': 'rgba(0, 0, 0, 0.5)',
'tiny-card-item-remove-icon-hover-bg-color': 'rgba(255, 255, 255, 0.8)',
'tiny-card-item-remove-icon-hover-text-color': 'rgba(0, 0, 0, 0.7)',
'tiny-card-item-header-font-size': '14px',
'tiny-card-item-header-text-color': '#444',
'tiny-card-item-header-height': '40px',
'tiny-card-item-header-title-border-color': '#666'
}

16
packages/theme/src/card-layout/index.js
View File

@ -1,16 +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-card-bg-color': '#fff',
'tiny-card-drop-border-color': '#1890ff'
}

30
packages/theme/src/card-template/index.js
View File

@ -1,30 +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-card-bg-color': '#fff',
'tiny-card-tool-icon-size': '16px',
'tiny-card-tool-icon-color': '#1890ff',
'tiny-card-tool-hover-icon-color': '#40a9ff',
'tiny-card-tool-active-icon-color': '#096dd9',
'tiny-card-tool-selector-height': '40px',
'tiny-card-tool-selector-text-color': '#333',
'tiny-card-tool-selector-hover-text-color': '#1890ff',
'tiny-card-tool-selector-hover-bg-color': '#f5f5f5',
'tiny-card-tool-selector-active-text-color': '#096dd9',
'tiny-card-tool-selector-active-bg-color': '#f5f5f5',
'tiny-card-header-height': '46px',
'tiny-card-header-border-color': '#d9d9d9',
'tiny-card-header-title-font-weight': '700',
'tiny-card-header-title-font-size': '14px',
'tiny-card-header-title-text-color': '#333'
}

19
packages/theme/src/carousel-item/index.js
View File

@ -1,19 +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-carousel-item-title-height': '24px',
'tiny-carousel-item-title-text-color': '#fff',
'tiny-carousel-item-title-bg-color': 'rgba(0, 0, 0, 0.3)',
'tiny-carousel-item-title-span-font-size': '12px',
'tiny-carousel-mask-bg-color': '#fff'
}

17
packages/theme/src/chart-core/index.js
View File

@ -1,17 +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-chart-core-data-empty-text-color': '#888',
'tiny-chart-core-data-empty-font-size': '14px',
'tiny-chart-core-data-empty-bg-color': 'rgba(255, 255, 255, 0.9)'
}

15
packages/theme/src/company/index.js
View File

@ -1,15 +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 {
// company
}

15
packages/theme/src/country/index.js
View File

@ -1,15 +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 {
// country
}

15
packages/theme/src/currency/index.js
View File

@ -1,15 +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 {
// currency
}

20
packages/theme/src/dept/index.js
View File

@ -1,20 +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-dept-label-font-size': '12px',
'tiny-dept-label-text-color': '#333',
'tiny-dept-label-font-weight': '700',
'tiny-dept-selected-info-text-color': '#1890ff',
'tiny-dept-selected-info-bg-color': '#f1f1f1',
'tiny-dept-selected-info-border-radius': '3px'
}

15
packages/theme/src/drop-roles/index.js
View File

@ -1,15 +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 {
// drop-roles
}

17
packages/theme/src/espace/index.js
View File

@ -1,17 +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-espace-font-size': '26px',
'tiny-espace-text-color': '#1890ff',
'tiny-espace-hover-text-color': '#40a9ff'
}

15
packages/theme/src/gantt/index.js
View File

@ -1,15 +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 {
// gantt
}

20
packages/theme/src/gantt/index.less
View File

@ -1,20 +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 '../custom.less';
@gantt-prefix-cls: ~'@{css-prefix}gantt';
.@{gantt-prefix-cls} {
width: 100%;
height: 500px;
}

11
packages/theme/src/gantt/vars.less
View File

@ -1,11 +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.
*
*/

15
packages/theme/src/grid-system/index.js
View File

@ -1,15 +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 {
// grid-system
}

23
packages/theme/src/hrapprover/index.js
View File

@ -1,23 +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-hrapprover-error-border-color': '#f5222d',
'tiny-hrapprover-table-text-color': '#333',
'tiny-hrapprover-table-font-size': '12px',
'tiny-hrapprover-tr-bg-color': '#fafafa',
'tiny-hrapprover-tr-hover-bg-color': '#e6f7ff',
'tiny-hrapprover-tr-odd-bg-color': '#fff',
'tiny-hrapprover-th-height': '36px',
'tiny-hrapprover-thead-border-color': '#d9d9d9',
'tiny-hrapprover-thead-bg-color': '#f1f1f1'
}

30
packages/theme/src/image-viewer/index.js
View File

@ -1,30 +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-image-viewer-text-color': '#fff',
'tiny-image-viewer-close-font-size': '20px',
'tiny-image-viewer-close-bg-color': '#606266',
'tiny-image-viewer-actions-border-radius': '22px',
'tiny-image-viewer-actions-inner-font-size': '23px',
'tiny-image-viewer-next-font-size': '24px',
'tiny-image-viewer-mask-wrap-bg-color': '#000',
'tiny-image-viewer-actions-inner-text-color': '#fff',
'tiny-image-viewer-close-width': '40px',
'tiny-image-viewer-close-height': '40px',
'tiny-image-viewer-close-bg-color-hover': '#606266',
'tiny-image-viewer-actions-width': '282px',
'tiny-image-viewer-actions-height': '44px',
'tiny-image-viewer-next-width': '44px',
'tiny-image-viewer-next-height': '44px',
'tiny-image-viewer-mask-bg-color': '#000'
}

9
packages/theme/src/index.less
View File

@ -79,7 +79,6 @@
@import './form/index.less';
@import './form-item/index.less';
@import './fullscreen/index.less';
@import './gantt/index.less';
@import './grid/index.less';
@import './grid-system/index.less';
@import './grid-toolbar/index.less';
@ -96,7 +95,6 @@
@import './locales/index.less';
@import './logon-user/index.less';
@import './logout/index.less';
@import './menubar/index.less';
@import './milestone/index.less';
@import './mind-map/index.less';
@import './modal/index.less';
@ -108,12 +106,10 @@
@import './option/index.less';
@import './option-group/index.less';
@import './pager/index.less';
@import './pbi/index.less';
@import './picker/index.less';
@import './pop-upload/index.less';
@import './popconfirm/index.less';
@import './popeditor/index.less';
@import './poplist/index.less';
@import './popover/index.less';
@import './progress/index.less';
@import './qr-code/index.less';
@ -134,7 +130,6 @@
@import './select/index.less';
@import './select-dropdown/index.less';
@import './selected-box/index.less';
@import './selector/index.less';
@import './skeleton/index.less';
@import './skeleton-item/index.less';
@import './slide-img/index.less';
@ -151,13 +146,11 @@
@import './tall-storage/index.less';
@import './text-popup/index.less';
@import './textarea/index.less';
@import './time/index.less';
@import './time-panel/index.less';
@import './time-picker/index.less';
@import './time-range/index.less';
@import './time-select/index.less';
@import './time-spinner/index.less';
@import './tip/index.less';
@import './toggle-menu/index.less';
@import './tooltip/index.less';
@import './top-box/index.less';
@ -175,4 +168,4 @@
@import './user-link/index.less';
@import './watermark/index.less';
@import './wizard/index.less';
@import './year-table/index.less';
@import './year-table/index.less';

15
packages/theme/src/locales/index.js
View File

@ -1,15 +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 {
// locales
}

15
packages/theme/src/logon-user/index.js
View File

@ -1,15 +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 {
// logon-user
}

15
packages/theme/src/logout/index.js
View File

@ -1,15 +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 {
// logout
}

11
packages/theme/src/logout/vars.less
View File

@ -1,11 +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.
*
*/

28
packages/theme/src/menubar/index.js
View File

@ -1,28 +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-menubar-title-font-size': '1em',
'tiny-menubar-title-text-color': '#fff',
'tiny-menubar-li-height': '48px',
'tiny-menubar-menu-height': '42px',
'tiny-menubar-menu-font-size': '14px',
'tiny-menubar-submenu-normal-text-color': '#333',
'tiny-menubar-submenu-hover-bg-color': '#e6f7ff',
'tiny-menubar-submenu-active-bg-color': '#f5f5f5',
'tiny-menubar-submenu-li-height': '40px',
'tiny-menubar-bg-color-normal': '#2e3243',
'tiny-menubar-bg-color-active': '#474c5e',
'tiny-menubar-dropdown-border-color': '#c9ccda',
'tiny-menubar-dropdown-hover-border-color': '#585f7f',
'tiny-menubar-dropdown-hover-bg-color': '#191b25'
}

490
packages/theme/src/menubar/index.less
View File

@ -1,490 +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 '../mixins/common.less';
@import '../custom.less';
@import './vars.less';
.@{css-prefix}menu.menu-hor {
.component-css-vars-menubar();
margin-bottom: 0;
min-height: 30px; // 无数据时也显示蓝条
min-width: 300px; // 给菜单定义最小宽度，使之缩放有下拉箭头时候不会掉下来
font-size: var(--ti-menubar-menu-font-size, 14px);
> ul {
> li {
display: inline-block;
margin-left: -4px;
position: relative;
text-align: center;
padding: 0;
margin: 0;
> a {
display: block;
padding: 0 10px;
min-width: 120px;
margin-right: -1px;
color: var(--ti-menubar-title-text-color);
font-size: var(--ti-common-font-size-2);
span.menu-icon {
margin-right: 8px;
top: -2px;
}
}
.submenu {
> li {
> a {
color: var(--ti-menubar-submenu-normal-text-color);
&:hover,
&:focus {
background: var(--ti-menubar-submenu-hover-bg-color);
}
&.active,
&:active {
background: var(--ti-menubar-submenu-active-bg-color);
}
}
> span {
&.icon-starActive {
left: 8px;
}
&.icon-transpond {
right: 8px;
}
}
}
}
&.node-selected,
&:hover {
> a {
border-right: 0;
}
}
&:last-child {
> a {
border-right: 0;
}
}
}
li {
padding: 0;
height: var(--ti-menubar-li-height);
line-height: var(--ti-menubar-li-height);
position: relative;
> a {
min-width: 60px;
width: 100%;
height: 100%;
color: var(--ti-menubar-title-text-color);
&:hover,
&:focus,
&:active {
color: var(--ti-menubar-title-text-color);
text-decoration: none;
background: var(--ti-menubar-bg-color-active);
}
}
}
}
ul {
padding: 0;
margin: 0;
background: var(--ti-menubar-bg-color-normal);
}
// 设置此样式可使子菜单向左飘
.menus-left,
.menus-left .submenu {
left: auto;
right: 100%;
}
// 居顶导航菜单--垂直下拉
.node-selected {
> .submenu {
left: auto;
margin-top: 2px;
> li {
&.node-selected {
background: var(--ti-menubar-bg-color-active);
a {
color: var(--ti-menubar-submenu-normal-text-color);
&:hover {
color: #1890ff;
background: #fff;
}
}
}
.submenu {
margin-top: -40px;
margin-left: 2px;
}
}
.node-selected > .submenu {
left: 100%;
}
}
.submenu {
background: #fff;
border: 1px solid #d9d9d9;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
}
// 居顶导航菜单--多种类下拉
.menu-dropdown {
margin-top: 0;
.menu-group {
padding: 0 0 0 15px;
display: table-cell;
text-align: left;
word-break: break-all;
min-width: 330px;
max-width: 350px;
font-weight: normal;
vertical-align: top;
li {
line-height: 30px;
display: inline-block;
margin-right: 8px;
&.menu-row {
display: block;
.clearfix();
}
a {
padding-right: 8px;
}
}
&:last-child {
border-right: 0;
}
}
.memu-group-sub {
font-weight: normal;
border: none;
line-height: 25px;
.clearfix();
display: block;
li {
border: 0;
}
}
}
.submenu {
margin-top: 0;
li {
padding: 0;
height: var(--ti-menubar-submenu-li-height);
line-height: var(--ti-menubar-submenu-li-height);
.starActive-favorite {
color: #e1860a;
}
a {
padding: 0 35px 0 12px;
white-space: nowrap;
text-align: left;
}
span {
position: absolute;
color: var(--ti-menubar-submenu-normal-text-color);
}
}
}
.submenu,
.menu-dropdown {
position: absolute;
z-index: 10;
border-top: 0;
margin-top: 0;
}
span.icon-starActive,
span.icon-transpond {
position: absolute;
}
span.icon-transpond {
right: 5px;
margin-right: 0;
}
span.icon-starActive {
left: 0;
& + a {
padding-left: 35px;
}
}
}
.menu-roll {
> ul {
.clearfix();
> li {
.clearfix();
display: none;
margin-left: 0;
a {
height: 45px;
font-weight: bold;
min-width: 30px;
margin: 0;
padding: 0 6px;
text-align: left;
}
&.node-selected > a {
float: left;
width: 100%;
}
}
}
.submenu {
text-align: left;
line-height: 30px;
left: 100%;
margin-top: 45px;
min-width: 180px;
.submenu {
margin-top: -31px;
top: inherit; // 菜单归popup管之后，位置重置
}
li {
padding: 0 10px;
height: 45px;
line-height: 45px;
a {
padding: 0 6px;
display: block;
padding-right: 27px;
}
span {
float: right;
margin: 5px 0 0 10px;
}
span.@{css-prefix}icon {
float: none !important;
}
span.icon-starActive,
span.icon-transpond {
position: initial;
}
}
}
// 居顶导航菜单--水平二级菜单
.node-selected {
display: block;
> .submenu {
display: block;
left: 100%;
margin: 0;
min-width: 720px;
li {
float: left;
}
}
}
}
.roll-popup {
> ul {
> li {
display: block;
> .submenu {
display: none;
}
}
}
}
// 居顶菜单出现下拉小三角时叠加的样式-与menu-hor同级
.hor-dropdown {
position: relative;
z-index: 100; // 由1改为100，使菜单在grid（z-inde:99）拖拽线上方显示
> ul,
.hor-dropdown-content {
float: left;
}
}
.hor-dropdown-content {
position: relative;
color: #fff;
> span {
width: 80px;
text-align: center;
display: inline-block;
line-height: 31px;
position: relative;
z-index: 1;
background: var(--ti-menubar-bg-color-normal);
line-height: 46px;
i {
width: 15px;
height: 16px;
padding-top: 1px;
border-radius: 2px;
cursor: pointer;
border: 1px solid var(--ti-menubar-dropdown-border-color);
}
}
.dropdown-menu {
position: absolute;
min-width: 140px;
padding: 5px;
right: 0;
margin-top: -1px;
background: var(--ti-menubar-bg-color-normal);
padding: 5px 0;
li {
line-height: 24px;
padding: 2px 10px;
border: 1px solid var(--ti-menubar-bg-color-normal);
a {
color: #fff;
}
&:hover {
.box-shadow(inset 0 0 4px rgba(255, 255, 255, 0.6));
border-radius: 3px;
border: 1px solid var(--ti-menubar-dropdown-hover-border-color);
background: var(--ti-menubar-dropdown-hover-bg-color);
}
}
}
}
.menu-horline {
> ul {
> li {
a {
font-weight: normal;
span.@{css-prefix}icon {
margin-right: 5px;
}
}
position: inherit;
&.node-more {
position: relative;
> .submenu {
left: 0;
> li {
float: none;
> a {
text-align: left;
}
}
span.@{css-prefix}icon {
margin-left: 5px;
}
}
}
&.node-selected {
position: inherit;
}
}
}
.submenu {
min-width: 100%;
li {
float: left;
a {
padding: 0 8px;
margin: 5px 0;
line-height: 35px;
text-align: center;
}
span.@{css-prefix}icon {
float: none !important;
}
span.icon-starActive,
span.icon-transpond {
position: initial;
}
}
}
.node-selected > .submenu {
height: 45px;
left: 0;
li {
line-height: 45px;
}
}
}

28
packages/theme/src/menubar/vars.less
View File

@ -1,28 +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.
*
*/
.component-css-vars-menubar() {
--ti-menubar-title-font-size: var(--ti-common-font-size-base-normal);
--ti-menubar-title-text-color: var(--ti-common-color-light, #fff);
--ti-menubar-li-height: var(--ti-common-size-12x, 48px);
--ti-menubar-menu-height: var(--ti-common-size-height-large, 48px);
--ti-menubar-menu-font-size: var(--ti-common-font-size-1, 14px);
--ti-menubar-submenu-normal-text-color: var(--ti-common-color-info-normal, #252b3a);
--ti-menubar-submenu-hover-bg-color: var(--ti-common-color-hover-background, #f2f5fc);
--ti-menubar-submenu-active-bg-color: var(--ti-common-color-selected-background, #5e7ce0);
--ti-menubar-submenu-li-height: var(--ti-common-size-10x, 40px);
--ti-menubar-bg-color-normal: var(--ti-common-color-bg-navigation, #282b33);
--ti-menubar-bg-color-active: #474c5e;
--ti-menubar-dropdown-border-color: #c9ccda;
--ti-menubar-dropdown-hover-border-color: #585f7f;
--ti-menubar-dropdown-hover-bg-color: #191b25;
}

18
packages/theme/src/pbi/index.js
View File

@ -1,18 +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-pbi-font-size-base': '12px',
'tiny-pbi-selected-text-color': 'rgb(19, 143, 199)',
'tiny-pbi-selected-bg-color': 'rgba(31, 158, 216, 0.12)',
'tiny-pbi-list-border-color': '#ccc'
}

106
packages/theme/src/pbi/index.less
View File

@ -1,106 +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 '../mixins/button.less';
@import '../custom.less';
@import './vars.less';
.dialog-pbi {
.component-css-vars-pbi();
&.@{css-prefix}dialog {
.dialog-body {
font-size: var(--ti-pbi-font-size-base);
font-weight: normal;
}
}
.@{css-prefix}selected {
color: var(--ti-pbi-selected-text-color);
background: var(--ti-pbi-selected-bg-color);
}
.pbi_col {
width: 200px;
float: left;
}
.pbi_list {
height: 460px;
overflow-y: auto;
border: 1px solid var(--ti-pbi-list-border-color);
padding: 4px;
}
}
// dialog 基础样式
.@{css-prefix}dialog {
background: var(--ti-dialog-background);
padding: 0;
box-shadow: var(--ti-dialog-shadow);
animation: dialog-fade-in 0.3s;
animation: dialog-fade-in 0.3s;
.dialog-head {
background: var(--ti-dialog-head-background);
font-size: var(--ti-dialog-head-font-size);
.dialog-title {
color: var(--ti-dialog-title-color);
display: inline-block;
font-size: var(--ti-dialog-title-font-size);
font-weight: var(--ti-dialog-title-font-weight);
margin: 0;
}
.dialog-operation {
float: right;
> a {
color: var(--ti-dialog-operation-color);
&:hover {
color: var(--ti-dialog-operation-hover-color);
}
.@{css-prefix}small-close {
font-size: var(--ti-dialog-head-font-size);
}
}
}
}
.dialog-body {
width: 100%;
padding: var(--ti-dialog-body-padding);
min-height: var(--ti-dialog-body-min-height);
font-size: var(--ti-dialog-body-font-size);
font-weight: bold;
overflow: auto;
overflow-x: hidden;
color: var(--ti-dialog-body-color);
max-height: 55vh !important; // erralert警告弹窗设置最高高度
}
.dialog-head-alert-confirm {
padding: 0 24px;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #d9d9d9;
}
}
// button 基础样式
.@{css-prefix}toolbar {
clear: both;
text-align: center;
}

18
packages/theme/src/pbi/vars.less
View File

@ -1,18 +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.
*
*/
.component-css-vars-pbi() {
--ti-pbi-font-size-base: var(--ti-common-font-size-base, 12px);
--ti-pbi-selected-text-color: rgb(19, 143, 199);
--ti-pbi-selected-bg-color: rgba(31, 158, 216, 0.12);
--ti-pbi-list-border-color: #ccc;
}

15
packages/theme/src/poplist/index.js
View File

@ -1,15 +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 {
// poplist
}

26
packages/theme/src/poplist/index.less
View File

@ -1,26 +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 '../custom.less';
@poplist-prefix-cls: ~'@{css-prefix}poplist';
.@{poplist-prefix-cls} {
&.poplist-user {
min-width: 180px;
.@{css-prefix-iconfont} {
float: right;
margin-left: 5px;
}
}
}

11
packages/theme/src/poplist/vars.less
View File

@ -1,11 +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.
*
*/

29
packages/theme/src/radio-button/index.js
View File

@ -1,29 +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-radio-button-text-color': '#333',
'tiny-radio-button-hover-text-color': '#fff',
'tiny-radio-button-border-color': '#d9d9d9',
'tiny-radio-button-border-radius': '2px',
'tiny-radio-button-font-size': '12px',
'tiny-radio-button-bg-color': '#fff',
'tiny-radio-button-checked-normal-bg-color': '#1890ff',
'tiny-radio-button-checked-normal-border-color': '#1890ff',
'tiny-radio-button-checked-normal-box-shadow': '-1px 0 0 0 #1890ff',
'tiny-radio-button-checked-hover-bg-color': '#40a9ff',
'tiny-radio-button-checked-hover-border-color': '#40a9ff',
'tiny-radio-button-checked-hover-box-shadow': '-1px 0 0 0 #40a9ff',
'tiny-radio-button-disabled-text-color': '#999',
'tiny-radio-button-disabled-bg-color': '#f5f5f5',
'tiny-radio-button-medium-font-size': '14px'
}

20
packages/theme/src/roles/index.js
View File

@ -1,20 +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-roles-poplist-item-height': '30px',
'tiny-roles-poplist-item-text-color': '#333',
'tiny-roles-poplist-item-font-size': '12px',
'tiny-roles-poplist-item-hover-bg-color': '#e6f7ff',
'tiny-roles-poplist-item-selected-bg-color': '#f5f5f5',
'tiny-roles-poplist-item-selected-text-color': '#fff'
}

15
packages/theme/src/row/index.js
View File

@ -1,15 +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 {
// row
}

18
packages/theme/src/scroll-text/index.js
View File

@ -1,18 +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-scroll-text-height': '36px',
'tiny-scroll-text-bg-color': '#f1f1f1',
'tiny-scroll-text-margin-vertical': '0',
'tiny-scroll-text-margin-horizontal': 'auto'
}

27
packages/theme/src/selector/index.js
View File

@ -1,27 +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-selector-border-color': '#d9d9d9',
'tiny-selector-border-radius': '2px',
'tiny-selector-font-size': '12px',
'tiny-selector-text-color': '#333333',
'tiny-selector-icon-size': '16px',
'tiny-selector-icon-color': '#BFBFBF',
'tiny-selector-selected-icon-color': '#1890ff',
'tiny-selector-icon-hover-text-color': '#40a9ff',
'tiny-selector-list-height': '30px',
'tiny-selector-bg-color': '#fff',
'tiny-selector-selected-text-color': '#999',
'tiny-selector-selected-hover-bg-color': '#F5F5F5',
'tiny-selector-select-bg-color': '#E6F7FF'
}

158
packages/theme/src/selector/index.less
View File

@ -1,158 +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 '../custom.less';
@import './vars.less';
@selector-prefix-cls: ~'@{css-prefix}selector';
.@{selector-prefix-cls} {
.component-css-vars-selector();
border: 1px solid var(--ti-selector-border-color);
border-radius: var(--ti-selector-border-radius);
font-size: var(--ti-selector-font-size);
box-shadow: var(--ti-common-shadow-2-down);
background: var(--ti-selector-bg-color);
color: var(--ti-selector-text-color);
margin-top: 2px;
.@{css-prefix}poplist {
li {
min-height: var(--ti-selector-list-height);
padding: 0 8px;
line-height: var(--ti-selector-list-height);
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
&:hover {
cursor: pointer;
}
span {
font-size: var(--ti-selector-font-size);
}
.icon-check {
font-size: var(--ti-common-font-size-2);
&:hover {
color: var(--ti-selector-icon-hover-text-color);
}
}
}
.@{css-prefix}divider {
padding: 0;
}
&.poplist-language li {
a,
span {
display: inline-block;
width: 100%;
}
}
}
.@{css-prefix-iconfont} {
color: var(--ti-selector-icon-color);
margin-right: 16px;
&.icon-checked {
color: var(--ti-selector-selected-icon-color);
}
}
.select-pre {
background: var(--ti-selector-select-bg-color);
color: var(--ti-selector-text-color);
&.@{css-prefix}selected {
background: var(--ti-selector-selected-hover-bg-color);
}
}
.selector-loading {
min-height: 100px;
.mini-loading {
position: absolute;
left: 45%;
top: 35%;
width: 20px;
height: 20px;
background: url(./images/container-loading.gif) center no-repeat;
}
}
.@{css-prefix}selected {
background: var(--ti-selector-selected-hover-bg-color);
color: #333;
&:hover {
background: var(--ti-selector-selected-hover-bg-color);
}
.icon-check {
&:hover {
color: var(--ti-selector-icon-hover-text-color);
}
&:before {
content: '\e61f';
}
color: var(--ti-selector-selected-icon-color);
}
}
.selector-body {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
.@{css-prefix-iconfont}:first-child {
margin-right: 16px;
}
}
.@{css-prefix}tree {
&.radio {
& > .tree-menus {
.tree-node {
&.node-selected {
> .tree-menus-link,
> .tree-menus-link:hover,
> .tree-menus-link .tree-node-name,
> .tree-menus-link .tree-node-name:hover,
> .tree-menus-link .tree-node-body:hover .tree-node-name {
background: var(--ti-selector-selected-hover-bg-color);
}
}
.tree-menus-link {
&:hover {
background: var(--ti-selector-select-bg-color);
}
}
.tree-menus .tree-node {
padding-left: 28px;
}
}
}
}
}
}

27
packages/theme/src/selector/vars.less
View File

@ -1,27 +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.
*
*/
.component-css-vars-selector() {
--ti-selector-border-color: var(--ti-common-color-border, #adb0b8);
--ti-selector-border-radius: var(--ti-common-border-radius-normal, 2px);
--ti-selector-font-size: var(--ti-common-font-size-base, 12px);
--ti-selector-text-color: var(--ti-common-color-info-normal, #252b3a);
--ti-selector-icon-size: var(--ti-common-size-4x, 16px);
--ti-selector-icon-color: var(--ti-base-color-bg-5, #f5f5f6);
--ti-selector-selected-icon-color: var(--ti-base-color-brand-6, #5e7ce0);
--ti-selector-icon-hover-text-color: var(--ti-base-color-brand-5, #7693f5);
--ti-selector-list-height: var(--ti-common-size-height-normal, 28px);
--ti-selector-bg-color: var(--ti-common-color-light, #fff);
--ti-selector-selected-text-color: var(--ti-common-color-placeholder, #adb0b8);
--ti-selector-selected-hover-bg-color: var(--ti-common-color-selected-background, #5e7ce0);
--ti-selector-select-bg-color: var(--ti-common-color-hover-background, #f2f5fc);
}

15
packages/theme/src/slide-img/index.js
View File

@ -1,15 +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 {
// slide-img
}

15
packages/theme/src/svg/index.js
View File

@ -1,15 +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 {
// svg
}

11
packages/theme/src/svg/vars.less
View File

@ -1,11 +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.
*
*/

27
packages/theme/src/table/index.js
View File

@ -1,27 +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-table-text-color': '#333',
'tiny-table-bg-color': '#fafafa',
'tiny-table-odd-bg-color': '#fff',
'tiny-table-hover-bg-color': '#e6f7ff',
'tiny-table-disabled-text-color': '#999',
'tiny-table-disabled-bg-color': '#f5f5f5',
'tiny-table-nodata-text-color': '#909399',
'tiny-table-td-height': '36px',
'tiny-table-td-font-size': '12px',
'tiny-table-border-color': '#d9d9d9',
'tiny-table-thead-bg-color': '#f1f1f1',
'tiny-table-icon-font-size': '16px',
'tiny-table-check-icon-color': '#1890ff'
}

18
packages/theme/src/tall-storage/index.js
View File

@ -1,18 +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-tall-storage-bg-color': '#fff',
'tiny-tall-storage-border-radius': '2px',
'tiny-tall-storage-item-height': '30px',
'tiny-tall-storage-item-bg-color': '#e6f7ff'
}

15
packages/theme/src/time/index.js
View File

@ -1,15 +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 {
// time
}

11
packages/theme/src/time/index.less
View File

@ -1,11 +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.
*
*/

11
packages/theme/src/time/vars.less
View File

@ -1,11 +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.
*
*/

27
packages/theme/src/tip/index.js
View File

@ -1,27 +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-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'
}

211
packages/theme/src/tip/index.less
View File

@ -1,211 +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 '../mixins/tip.less';
@import '../custom.less';
@import './vars.less';
@tips-prefix-cls: ~'@{css-prefix}tips';
.@{tips-prefix-cls} {
.component-css-vars-tip();
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);
.@{css-prefix-iconfont} {
color: var(--ti-tips-color-infor);
line-height: 36px;
}
> span {
float: left;
top: -5px;
}
&:before {
.tip-arrow(-4px; 50%; -4px);
.tip-make-arrow(
4px 4px 4px 0; transparent var(--ti-tips-bg-color)
);
}
span + p {
max-width: 300px;
max-height: 100px;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: auto;
}
.@{css-prefix}small-close {
position: absolute;
cursor: pointer;
right: 8px;
top: -5px;
}
.icon-remove + p,
.icon-remove + p,
.icon-successful + p {
margin-left: 0;
}
&.tips-bottom {
top: -5px;
left: 0;
&:before {
.tip-arrow(50%; -4px; 0);
.tip-make-arrow(
0 4px 4px 4px; var(--ti-tips-bg-color) transparent
);
margin-left: -6px;
}
}
&.tips-left {
&:before {
.tip-arrow(auto; 50%; -4px);
.tip-make-arrow(
4px 0 4px 4px; transparent var(--ti-tips-bg-color)
);
right: -4px;
}
}
&.tips-top {
top: -5px;
left: 0;
&:before {
.tip-arrow(50%; auto; auto);
.tip-make-arrow(
4px 4px 0 4px; var(--ti-tips-bg-color) transparent
);
margin-left: -6px;
bottom: -4px;
margin-bottom: 0;
}
}
&.tips-top-left {
top: -5px;
left: 0;
&:before {
.tip-arrow(0%; auto; auto);
.tip-make-arrow(
4px 4px 0 4px; var(--ti-tips-bg-color) transparent
);
margin-left: 10px;
bottom: -4px;
margin-bottom: 0;
}
}
&.tips-top-right {
top: -5px;
left: 0;
&:before {
.tip-arrow(100%; auto; auto);
.tip-make-arrow(
4px 4px 0 4px; var(--ti-tips-bg-color) transparent
);
margin-left: -16px;
bottom: -4px;
margin-bottom: 0;
}
}
&.tips-bottom-left {
top: -5px;
left: 0;
&:before {
.tip-arrow(0%; -4px; 0);
.tip-make-arrow(
0 4px 4px 4px; var(--ti-tips-bg-color) transparent
);
margin-left: 10px;
}
}
&.tips-bottom-right {
top: -5px;
left: 0;
&:before {
.tip-arrow(100%; -4px; 0);
.tip-make-arrow(
0 4px 4px 4px; var(--ti-tips-bg-color) transparent
);
margin-left: -16px;
}
}
&.tips-error {
.tip-variant(
var(--ti-tips-error-bg-color) ;
var(--ti-tips-error-text-color) ; 0 0 4px
var(--ti-tips-error-bg-color) ; 0
);
}
&.tips-warning {
.tip-variant(
var(--ti-tips-warning-bg-color) ;
var(--ti-tips-warning-text-color) ; 0 0 4px
var(--ti-tips-warning-bg-color) ; 0
);
}
&.tips-succeed {
.tip-variant(
var(--ti-tips-succeed-bg-color) ;
var(--ti-tips-succeed-text-color) ; 0 0 4px
var(--ti-tips-succeed-bg-color) ; 0
);
}
&.tips-infor {
.tip-variant(
var(--ti-tips-infor-bg-color) ;
var(--ti-tips-infor-text-color) ; 0 0 4px
var(--ti-tips-infor-bg-color) ; 0
);
}
&.tips-normal {
.tip-variant(
var(--ti-tips-normal-bg-color) ;
var(--ti-tips-normal-text-color) ; 0 0 4px
var(--ti-tips-normal-bg-color) ; 0
);
}
// Grid表头提示显示时隐藏simplesort箭头
.grid-innercell {
.grid-simplesort {
display: none;
}
}
}

32
packages/theme/src/tip/vars.less
View File

@ -1,32 +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.
*
*/
.component-css-vars-tip() {
--ti-tips-normal-bg-color: var(--ti-common-color-bg-dark-deep, #464c59);
--ti-tips-normal-text-color: var(--ti-common-color-light, #fff);
--ti-tips-error-bg-color: #ff7875;
--ti-tips-error-text-color: var(--ti-common-color-light, #fff);
--ti-tips-succeed-bg-color: var(--ti-common-color-success-normal, #50d4ab);
--ti-tips-succeed-text-color: var(--ti-common-color-light, #fff);
--ti-tips-warning-bg-color: #fa8c16;
--ti-tips-warning-text-color: var(--ti-common-color-light, #fff);
--ti-tips-infor-bg-color: var(--ti-common-color-border, #adb0b8);
--ti-tips-infor-text-color: var(--ti-common-color-info-normal, #252b3a);
--ti-tips-bg-color: #ff7875;
--ti-tips-border-radius: var(--ti-common-border-radius-normal, 2px);
--ti-tips-height: 26px;
}

21
packages/theme/src/top-box/index.js
View File

@ -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-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'
}

17
packages/theme/src/user-account/index.js
View File

@ -1,17 +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-user-account-padding-vertical': '0',
'tiny-user-account-padding-horizontal': '8px',
'tiny-user-account-line-height': '36px'
}

20
packages/theme/src/user-card/index.js
View File

@ -1,20 +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-usercard-border-color': '#d9d9d9',
'tiny-usercard-image-border-radius': '3px',
'tiny-usercard-state-online-text-color': '#33cc00',
'tiny-usercard-state-busy-text-color': '#ff3300',
'tiny-usercard-state-goaway-text-color': '#ffae00',
'tiny-usercard-state-offline-text-color': '#aeaeae'
}

23
packages/theme/src/user-contact/index.js
View File

@ -1,23 +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-user-contact-roleInfo-text-color': '#333',
'tiny-user-contact-roleInfo-font-size': '12px',
'tiny-user-contact-card-message-text-color': '#999',
'tiny-user-contact-card-border-color': '#ddd',
'tiny-user-contact-card-header-bg-color': '#3f4251',
'tiny-user-contact-card-header-role-text-color': '#fff',
'tiny-user-contact-card-header-role-font-size': '16px',
'tiny-user-contact-card-header-roleNum-text-color': '#b9babc',
'tiny-user-contact-card-espace-text-color': '#999'
}

20
packages/theme/src/user-head/index.js
View File

@ -1,20 +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-userhead-head-normal-size': '72px',
'tiny-userhead-head-small-size': '30px',
'tiny-userhead-head-icon-size-normal': '40px',
'tiny-userhead-head-icon-small-size': '14px',
'tiny-userhead-head-border-radius': '4px',
'tiny-userhead-head-bg-color': '#bbbbbb'
}

18
packages/theme/src/user-link/index.js
View File

@ -1,18 +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-user-link-font-size': '12px',
'tiny-user-link-text-color': '#333',
'tiny-user-link-font-weight': '700',
'tiny-user-link-border-radius': '3px'
}

17
packages/theme/src/user/index.js
View File

@ -1,17 +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-user-font-size': '12px',
'tiny-user-tag-bg-color': '#e6f7ff',
'tiny-user-svg-text-color': '#1890ff'
}

3
packages/theme/src/vars.less
View File

@ -38,7 +38,6 @@
@import './textarea/vars.less';
@import './ip-address/vars.less';
@import './loading/vars.less';
@import './menubar/vars.less';
@import './milestone/vars.less';
@import './month-range/vars.less';
@import './month-table/vars.less';
@ -70,4 +69,4 @@
@import './skeleton-item/vars.less';
@import './color-picker/vars.less';
@import './color-select-panel/vars.less';
@import './popeditor/vars.less';
@import './popeditor/vars.less';