forked from opentiny/tiny-vue
251 lines
11 KiB
Plaintext
251 lines
11 KiB
Plaintext
/**
|
|
* 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.
|
|
*
|
|
*/
|
|
|
|
.inject-Transfer-vars() {
|
|
// 字体基础大小
|
|
--tv-Transfer-font-size: var(--tv-font-size-default, 14px);
|
|
// 按钮组左侧内边距
|
|
--tv-Transfer-buttons-padding-left: var(--tv-space-xl, 16px);
|
|
// 按钮组右侧内边距
|
|
--tv-Transfer-buttons-padding-right: var(--tv-space-xl, 16px);
|
|
// 按钮组顶部内边距
|
|
--tv-Transfer-buttons-padding-top: 0;
|
|
// 按钮组底部内边距
|
|
--tv-Transfer-buttons-padding-bottom: 0;
|
|
// 按钮组默认按钮组左侧外边距
|
|
--tv-Transfer-buttons-defaultButton-margin-left: 0;
|
|
// 按钮组默认按钮组右侧外边距
|
|
--tv-Transfer-buttons-defaultButton-margin-right: 0;
|
|
// 按钮组默认按钮组顶部外边距
|
|
--tv-Transfer-buttons-defaultButton-margin-top: var(--tv-space-lg, 12px);
|
|
// 按钮组默认按钮组底部外边距
|
|
--tv-Transfer-buttons-defaultButton-margin-bottom: 0;
|
|
// 按钮组左侧外边距
|
|
--tv-Transfer-buttons-margin-left: 0;
|
|
// 按钮组右侧外边距
|
|
--tv-Transfer-buttons-margin-right: 0;
|
|
// 按钮组顶部外边距
|
|
--tv-Transfer-buttons-margin-top: 0;
|
|
// 按钮组底部外边距
|
|
--tv-Transfer-buttons-margin-bottom: var(--tv-space-md, 8px);
|
|
// 按钮左侧外边距
|
|
--tv-Transfer-button-margin-left: auto;
|
|
// 按钮右侧外边距
|
|
--tv-Transfer-button-margin-right: auto;
|
|
// 按钮顶部外边距
|
|
--tv-Transfer-button-margin-top: 0;
|
|
// 按钮底部外边距
|
|
--tv-Transfer-button-margin-bottom: 0;
|
|
// 按钮背景色
|
|
--tv-Transfer-button-bg-color: var(--tv-color-bg-active-control, #1476ff);
|
|
// 按钮左侧内边距
|
|
--tv-Transfer-button-padding-left: var(--tv-space-xs, 2px);
|
|
// 按钮右侧内边距
|
|
--tv-Transfer-button-padding-right: var(--tv-space-xs, 2px);
|
|
// 按钮顶部内边距
|
|
--tv-Transfer-button-padding-top: var(--tv-space-xs, 2px);
|
|
// 按钮底部内边距
|
|
--tv-Transfer-button-padding-bottom: var(--tv-space-xs, 2px);
|
|
// 按钮圆角
|
|
--tv-Transfer-button-border-radius: var(--tv-border-radius-sm, 4px);
|
|
// 按钮禁用时文本色
|
|
--tv-Transfer-button-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2);
|
|
// 按钮禁用时边框色
|
|
--tv-Transfer-button-disabled-border-color: var(--tv-color-border-disabled);
|
|
// 按钮禁用时背景色
|
|
--tv-Transfer-button-disabled-bg-color: var(--tv-color-bg-disabled, #f0f0f0);
|
|
// 按钮禁用时行高
|
|
--tv-Transfer-button-disabled-line-height: 1;
|
|
// 第一个按钮的底部外边距
|
|
--tv-Transfer-first-button-margin-bottom: var(--tv-space-lg, 12px);
|
|
// 面板背景色
|
|
--tv-Transfer-panel-bg-color: var(--tv-color-bg-secondary, #ffffff);
|
|
// 面板内容区域高度
|
|
--tv-Transfer-panel-body-height: 260px;
|
|
// 面板内容区域边框色
|
|
--tv-Transfer-panel-border-color: var(--tv-color-border, #c2c2c2);
|
|
// 面板内容区域边框圆角
|
|
--tv-Transfer-panel-border-radius: var(--tv-border-radius-md, 6px);
|
|
// 面板高度
|
|
--tv-Transfer-panel-item-height: 32px;
|
|
// 面板文本色
|
|
--tv-Transfer-panel-item-text-color: var(--tv-color-text, #191919);
|
|
// 面板悬浮时文本色
|
|
--tv-Transfer-panel-item-hover-text-color: var(--tv-color-text, #191919);
|
|
// 面板悬浮时背景色
|
|
--tv-Transfer-panel-item-hover-bg-color: var(--tv-color-bg, #f5f5f5);
|
|
// 面板选中时背景色
|
|
--tv-Transfer-panel-item-active-bg-color: var(--tv-color-bg-active-emphasize-light, #f0f7ff);
|
|
// 面板搜索框高度
|
|
--tv-Transfer-panel-filter-height: 32px;
|
|
// 面板搜索框字体大小
|
|
--tv-Transfer-panel-filter-font-size: var(--tv-font-size-default, 14px);
|
|
// 面板搜索框边框圆角
|
|
--tv-Transfer-panel-filter-border-radius: var(--tv-border-radius-md, 6px);
|
|
// 面板内容区域过滤后列表高度
|
|
--tv-Transfer-panel-body-filter-height: 216px;
|
|
// 面板内容区域右内边距
|
|
--tv-Transfer-panel-body-padding-right: var(--tv-space-xs, 2px);
|
|
// 面板内容区域左内边距
|
|
--tv-Transfer-panel-body-padding-left: 0;
|
|
// 面板内容区域存在底部时的内边距
|
|
--tv-Transfer-panel-body-footer-padding-bottom: 40px;
|
|
// 面板内容区域存在底部时的高度
|
|
--tv-Transfer-panel-body-footer-height: calc(100% - 40px);
|
|
// 面板宽度
|
|
--tv-Transfer-panel-width: 200px;
|
|
// 面板头部高度
|
|
--tv-Transfer-header-height: 38px;
|
|
// 面板头部背景色
|
|
--tv-Transfer-header-bg-color: var(--tv-color-bg-secondary, #fff);
|
|
// 面板头部边框色
|
|
--tv-Transfer-header-border-color: var(--tv-color-border-divider);
|
|
// 面板头部文本色
|
|
--tv-Transfer-header-text-color: var(--tv-color-text, #191919);
|
|
// 面板头部span文本色
|
|
--tv-Transfer-header-span-text-color: var(--tv-color-text, #191919);
|
|
// 面板头部字体大小
|
|
--tv-Transfer-header-font-size: var(--tv-font-size-default, 14px);
|
|
// 面板头部排序图标宽度
|
|
--tv-Transfer-header-sort-width: 20px;
|
|
// 面板头部排序图标色
|
|
--tv-Transfer-header-sort-icon-color: var(--tv-color-icon-control, #191919);
|
|
// 面板底部高度
|
|
--tv-Transfer-footer-height: 40px;
|
|
// 面板底部背景色
|
|
--tv-Transfer-footer-bg-color: var(--tv-color-bg-secondary, #ffffff);
|
|
// 面板底部边框色
|
|
--tv-Transfer-footer-border-color: var(--tv-color-border, #c2c2c2);
|
|
// 面板内容区域列表为空时显示的文本高度
|
|
--tv-Transfer-empty-height: 30px;
|
|
// 面板内容区域列表为空时显示的文本色
|
|
--tv-Transfer-empty-text-color: var(--tv-color-text-weaken, #808080);
|
|
// 面板内容区域为嵌套树样式时的高度
|
|
--tv-Transfer-panel-body-tree-height: 100%;
|
|
// 面板内容区域为嵌套树样式时的左侧内边距
|
|
--tv-Transfer-panel-body-tree-padding-left: var(--tv-space-md, 8px);
|
|
// 面板内容区域为嵌套树样式时的右侧内边距
|
|
--tv-Transfer-panel-body-tree-padding-right: var(--tv-space-md, 8px);
|
|
// 面板内容区域为嵌套树样式时的顶部内边距
|
|
--tv-Transfer-panel-body-tree-padding-top: 0;
|
|
// 面板内容区域为嵌套树样式时的底部内边距
|
|
--tv-Transfer-panel-body-tree-padding-bottom: var(--tv-space-md, 8px);
|
|
// 面板内容区域为嵌套树样式时搜索框过滤后的高度
|
|
--tv-Transfer-panel-body-tree-filter-height: calc(100% - 46px);
|
|
// 面板内容区域列表的左侧外边距
|
|
--tv-Transfer-panel-body-list-margin-left: 0;
|
|
// 面板内容区域列表的右侧外边距
|
|
--tv-Transfer-panel-body-list-margin-right: 0;
|
|
// 面板内容区域列表的顶部外边距
|
|
--tv-Transfer-panel-body-list-margin-top: 0;
|
|
// 面板内容区域列表的底部外边距
|
|
--tv-Transfer-panel-body-list-margin-bottom: 0;
|
|
// 面板内容区域列表的左侧内边距
|
|
--tv-Transfer-panel-body-list-padding-left: 0;
|
|
// 面板内容区域列表的右侧内边距
|
|
--tv-Transfer-panel-body-list-padding-right: 0;
|
|
// 面板内容区域列表的顶部内边距
|
|
--tv-Transfer-panel-body-list-padding-top: 4px;
|
|
// 面板内容区域列表的底部内边距
|
|
--tv-Transfer-panel-body-list-padding-bottom: 4px;
|
|
// 面板内容区域过滤后顶部内边距
|
|
--tv-Transfer-panel-body-filter-padding-top: 0;
|
|
// 面板左侧内边距
|
|
--tv-Transfer-panel-item-padding-left: var(--tv-space-xl, 16px);
|
|
// 面板多选框左侧内边距
|
|
--tv-Transfer-panel-item-checkbox-padding-left: 22px;
|
|
// 面板搜索框左侧内边距
|
|
--tv-Transfer-panel-filter-padding-left: var(--tv-space-xl, 16px);
|
|
// 面板搜索框右侧内边距
|
|
--tv-Transfer-panel-filter-padding-right: var(--tv-space-xl, 16px);
|
|
// 面板搜索框顶部内边距
|
|
--tv-Transfer-panel-filter-padding-top: var(--tv-space-md, 8px);
|
|
// 面板搜索框底部内边距
|
|
--tv-Transfer-panel-filter-padding-bottom: var(--tv-space-md, 8px);
|
|
// 头部左侧外边距
|
|
--tv-Transfer-header-margin-left: 0;
|
|
// 头部右侧外边距
|
|
--tv-Transfer-header-margin-right: 0;
|
|
// 头部顶部外边距
|
|
--tv-Transfer-header-margin-top: 0;
|
|
// 头部底部外边距
|
|
--tv-Transfer-header-margin-bottom: 0;
|
|
// 头部左侧内边距
|
|
--tv-Transfer-header-padding-left: var(--tv-space-xl, 16px);
|
|
// 头部右侧内边距
|
|
--tv-Transfer-header-padding-right: var(--tv-space-xl, 16px);
|
|
// 头部顶部内边距
|
|
--tv-Transfer-header-padding-top: 0;
|
|
// 头部底部内边距
|
|
--tv-Transfer-header-padding-bottom: 0;
|
|
// 面板头部span字重
|
|
--tv-Transfer-header-span-font-weight: var(--tv-font-weight-regular, normal);
|
|
// 面板头部排序图标右侧外边距
|
|
--tv-Transfer-header-sort-margin-right: var(--tv-space-md, 8px);
|
|
// 面板头部排序图标边框圆角
|
|
--tv-Transfer-header-sort-border-radius: 50%;
|
|
// 面板底部左侧外边距
|
|
--tv-Transfer-footer-margin-left: 0;
|
|
// 面板底部右侧外边距
|
|
--tv-Transfer-footer-margin-right: 0;
|
|
// 面板底部的顶部外边距
|
|
--tv-Transfer-footer-margin-top: 0;
|
|
// 面板底部的底部外边距
|
|
--tv-Transfer-footer-margin-bottom: 0;
|
|
// 面板底部左侧内边距
|
|
--tv-Transfer-footer-padding-left: 0;
|
|
// 面板底部右侧内边距
|
|
--tv-Transfer-footer-padding-right: 0;
|
|
// 面板底部的顶部内边距
|
|
--tv-Transfer-footer-padding-top: 0;
|
|
// 面板底部的底部内边距
|
|
--tv-Transfer-footer-padding-bottom: 0;
|
|
// 面板底部复选框左侧内边距
|
|
--tv-Transfer-footer-checkbox-padding-left: 20px;
|
|
// 面板内容区域列表为空时显示的无数据文本的顶部内边距
|
|
--tv-Transfer-empty-padding-top: 6px;
|
|
// 面板内容区域列表为空时显示的无数据文本的右侧内边距
|
|
--tv-Transfer-empty-padding-right: 15px;
|
|
// 面板内容区域列表为空时显示的无数据文本的底部内边距
|
|
--tv-Transfer-empty-padding-bottom: 0;
|
|
// 面板内容区域列表为空时显示的无数据文本的左侧内边距
|
|
--tv-Transfer-empty-padding-left: 0;
|
|
// 面板内容区域表格的左侧内边距
|
|
--tv-Transfer-table-padding-left: var(--tv-space-md, 8px);
|
|
// 面板内容区域表格的顶部内边距
|
|
--tv-Transfer-table-padding-top: 0;
|
|
// 面板内容区域表格的右侧内边距
|
|
--tv-Transfer-table-padding-right: var(--tv-space-md, 8px);
|
|
// 面板内容区域表格的底部内边距
|
|
--tv-Transfer-table-padding-bottom: 0;
|
|
// 面板内容区域分页的左侧内边距
|
|
--tv-Transfer-pager-padding-left: 10px;
|
|
// 面板内容区域分页的顶部内边距
|
|
--tv-Transfer-pager-padding-top: 10px;
|
|
// 面板内容区域分页的右侧内边距
|
|
--tv-Transfer-pager-padding-right: 10px;
|
|
// 面板内容区域分页的底部内边距
|
|
--tv-Transfer-pager-padding-bottom: 10px;
|
|
// 多选框左侧内边距
|
|
--tv-Transfer-checkbox-label-padding-left: var(--tv-space-md, 8px);
|
|
// 穿梭按钮宽度
|
|
--tv-Transfer-button-width: 16px;
|
|
// 穿梭按钮高度
|
|
--tv-Transfer-button-height: 16px;
|
|
// 穿梭箭头大小
|
|
--tv-Transfer-svg-font-size: 10px;
|
|
// 穿梭箭头颜色
|
|
--tv-Transfer-svg-color: var(--tv-color-icon-inverse);
|
|
// 穿梭文字颜色
|
|
--tv-Transfer-text-color: var(--tv-color-text-inverse)
|
|
}
|