mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-02 15:27:18 +00:00
372 lines
11 KiB
SCSS
372 lines
11 KiB
SCSS
////
|
|
/// @module calendar: 日历
|
|
/// @tag Calendar
|
|
/// @category component
|
|
/// @family data-display
|
|
/// @varPrefix $calendar-
|
|
/// @classPrefix {prefix}-calendar
|
|
/// @order {"size/header":10,"size/table head":11,"size/table cell":12,"statement/normal":10,"statement/normal/table head":100,"statement/normal/table cell":101,"statement/normal/header":102,"statement/hover":11,"statement/hover/table cell":110,"statement/hover/header":111,"statement/selected":12,"statement/selected/table cell":120,"statement/current":13,"statement/current/table cell":130,"statement/other month":14,"statement/other month/table cell":140,"statement/disabled":15,"statement/disabled/table cell":150,"statement/last month":16,"statement/last month/table cell":160,"statement/in range":17,"statement/in range/table cell":170}
|
|
////
|
|
|
|
$calendar-prefix: '.' + $css-prefix + 'calendar';
|
|
|
|
$calendar-select-prefix: '.' + $css-prefix + 'select';
|
|
|
|
$calendar-radio-prefix: '.' + $css-prefix + 'radio';
|
|
|
|
$calendar-icon-prefix: '.' + $css-prefix + 'icon';
|
|
|
|
$calendar-menu-prefix: '.' + $css-prefix + 'menu';
|
|
|
|
// 全屏模式
|
|
// ----------------------------------------
|
|
|
|
/// margin (b)
|
|
/// @namespace size/header
|
|
$calendar-fullscreen-header-margin-bottom: $s-2 !default;
|
|
|
|
/// font weight
|
|
/// @namespace size/table head
|
|
$calendar-fullscreen-table-head-font-weight: $font-weight-3 !default;
|
|
|
|
/// text
|
|
/// @namespace size/table head
|
|
$calendar-fullscreen-table-head-font-size: $font-size-subhead !default;
|
|
|
|
/// padding (r)
|
|
/// @namespace size/table head
|
|
$calendar-fullscreen-table-head-padding-r: $s-3 !default;
|
|
|
|
/// padding (b)
|
|
/// @namespace size/table head
|
|
$calendar-fullscreen-table-head-padding-b: $s-1 !default;
|
|
|
|
/// text
|
|
/// @namespace size/table cell
|
|
$calendar-fullscreen-table-cell-font-size: $font-size-body-2 !default;
|
|
|
|
/// border (t)
|
|
/// @namespace size/table cell
|
|
$calendar-fullscreen-table-cell-boder-top-width: $line-2 !default;
|
|
|
|
/// margin (t, b)
|
|
/// @namespace size/table cell
|
|
$calendar-fullscreen-table-cell-margin-tb: $s-zero !default;
|
|
|
|
/// margin (l, r)
|
|
/// @namespace size/table cell
|
|
$calendar-fullscreen-table-cell-margin-lr: $s-1 !default;
|
|
|
|
/// padding (t, b)
|
|
/// @namespace size/table cell
|
|
$calendar-fullscreen-table-cell-padding-tb: $s-1 !default;
|
|
|
|
/// padding (l, r)
|
|
/// @namespace size/table cell
|
|
$calendar-fullscreen-table-cell-padding-lr: $s-2 !default;
|
|
|
|
/// min height
|
|
/// @namespace size/table cell
|
|
$calendar-fullscreen-table-cell-min-height: $s-20 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/normal/table head
|
|
$calendar-fullscreen-table-head-color: $color-text1-4 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/normal/table cell
|
|
$calendar-fullscreen-table-cell-normal-background: $color-white !default;
|
|
|
|
/// text
|
|
/// @namespace statement/normal/table cell
|
|
$calendar-fullscreen-table-cell-normal-color: $color-text1-4 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/normal/table cell
|
|
$calendar-fullscreen-table-cell-normal-border-color: $color-line1-2 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/hover/table cell
|
|
$calendar-fullscreen-table-cell-hover-background: $color-brand1-1 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/hover/table cell
|
|
$calendar-fullscreen-table-cell-hover-color: $color-brand1-6 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/hover/table cell
|
|
$calendar-fullscreen-table-cell-hover-border-color: $color-brand1-6 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/selected/table cell
|
|
$calendar-fullscreen-table-cell-select-background: $color-brand1-1 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/selected/table cell
|
|
$calendar-fullscreen-table-cell-select-color: $color-brand1-6 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/selected/table cell
|
|
$calendar-fullscreen-table-cell-select-border-color: $color-brand1-6 !default;
|
|
|
|
/// font weight
|
|
/// @namespace statement/selected/table cell
|
|
$calendar-fullscreen-table-cell-select-font-weight: $font-weight-3 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/current/table cell
|
|
$calendar-fullscreen-table-cell-current-background: $color-white !default;
|
|
|
|
/// text
|
|
/// @namespace statement/current/table cell
|
|
$calendar-fullscreen-table-cell-current-color: $color-brand1-6 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/current/table cell
|
|
$calendar-fullscreen-table-cell-current-border-color: $color-brand1-6 !default;
|
|
|
|
/// font weight
|
|
/// @namespace statement/current/table cell
|
|
$calendar-fullscreen-table-cell-current-font-weight: $font-weight-3 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/other month/table cell
|
|
$calendar-fullscreen-table-cell-other-background: $color-transparent !default;
|
|
|
|
/// text
|
|
/// @namespace statement/other month/table cell
|
|
$calendar-fullscreen-table-cell-other-color: $color-text1-1 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/other month/table cell
|
|
$calendar-fullscreen-table-cell-other-border-color: $color-transparent !default;
|
|
|
|
/// background
|
|
/// @namespace statement/disabled/table cell
|
|
$calendar-fullscreen-table-cell-disabled-background: $color-fill1-1 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/disabled/table cell
|
|
$calendar-fullscreen-table-cell-disabled-color: $color-text1-1 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/disabled/table cell
|
|
$calendar-fullscreen-table-cell-disabled-border-color: $color-line1-1 !default;
|
|
|
|
// 卡片模式 cell
|
|
// ----------------------------------------
|
|
|
|
/// margin (b)
|
|
/// @namespace size/header
|
|
$calendar-card-header-margin-bottom: $s-2 !default;
|
|
|
|
/// text
|
|
/// @namespace size/table head
|
|
$calendar-card-table-head-font-size: $font-size-caption !default;
|
|
|
|
/// font weight
|
|
/// @namespace size/table head
|
|
$calendar-card-table-head-font-weight: $font-weight-2 !default;
|
|
|
|
/// text
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-font-size: $font-size-caption !default;
|
|
|
|
/// date corner
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-date-border-radius: $corner-1 !default;
|
|
|
|
/// date width
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-date-width: $s-6 !default;
|
|
|
|
/// date height
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-date-height: $s-6 !default;
|
|
|
|
/// month corner
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-month-border-radius: $corner-1 !default;
|
|
|
|
/// month width
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-month-width: $s-15 !default;
|
|
|
|
/// month height
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-month-height: $s-6 !default;
|
|
|
|
/// year corner
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-year-border-radius: $corner-1 !default;
|
|
|
|
/// year width
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-year-width: $s-12 !default;
|
|
|
|
/// year height
|
|
/// @namespace size/table cell
|
|
$calendar-card-table-cell-year-height: $s-6 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/normal/table head
|
|
$calendar-card-table-head-color: $color-text1-2 !default;
|
|
|
|
/// cell corner
|
|
/// @namespace statement/normal/table cell
|
|
$calendar-card-table-cell-corner: $corner-zero !default;
|
|
|
|
/// background
|
|
/// @namespace statement/normal/table cell
|
|
$calendar-card-table-cell-normal-background: $color-white !default;
|
|
|
|
/// text
|
|
/// @namespace statement/normal/table cell
|
|
$calendar-card-table-cell-normal-color: $color-text1-3 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/normal/table cell
|
|
$calendar-card-table-cell-normal-border-color: $color-white !default;
|
|
|
|
/// background
|
|
/// @namespace statement/hover/table cell
|
|
$calendar-card-table-cell-hover-background: $color-brand1-1 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/hover/table cell
|
|
$calendar-card-table-cell-hover-color: $color-brand1-6 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/hover/table cell
|
|
$calendar-card-table-cell-hover-border-color: $color-brand1-1 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/selected/table cell
|
|
$calendar-card-table-cell-select-background: $color-brand1-6 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/selected/table cell
|
|
$calendar-card-table-cell-select-color: $color-white !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/selected/table cell
|
|
$calendar-card-table-cell-select-border-color: $color-brand1-6 !default;
|
|
|
|
/// font weight
|
|
/// @namespace statement/selected/table cell
|
|
$calendar-card-table-cell-select-font-weight: $font-weight-3 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/last month/table cell
|
|
$calendar-card-table-cell-other-background: $color-white !default;
|
|
|
|
/// text
|
|
/// @namespace statement/last month/table cell
|
|
$calendar-card-table-cell-other-color: $color-text1-1 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/last month/table cell
|
|
$calendar-card-table-cell-other-border-color: $color-white !default;
|
|
|
|
/// background
|
|
/// @namespace statement/disabled/table cell
|
|
$calendar-card-table-cell-disabled-background: $color-fill1-1 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/disabled/table cell
|
|
$calendar-card-table-cell-disabled-color: $color-text1-1 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/disabled/table cell
|
|
$calendar-card-table-cell-disabled-border-color: $color-fill1-1 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/current/table cell
|
|
$calendar-card-table-cell-current-background: $color-white !default;
|
|
|
|
/// text
|
|
/// @namespace statement/current/table cell
|
|
$calendar-card-table-cell-current-color: $color-brand1-6 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/current/table cell
|
|
$calendar-card-table-cell-current-border-color: $color-transparent !default;
|
|
|
|
/// font weight
|
|
/// @namespace statement/current/table cell
|
|
$calendar-card-table-cell-current-font-weight: $font-weight-3 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/in range/table cell
|
|
$calendar-card-table-cell-inrange-background: $color-brand1-1 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/in range/table cell
|
|
$calendar-card-table-cell-inrange-color: $color-brand1-6 !default;
|
|
|
|
/// border color
|
|
/// @namespace statement/in range/table cell
|
|
$calendar-card-table-cell-inrange-border-color: $color-brand1-1 !default;
|
|
|
|
// 面板模式 Panel Header
|
|
// ----------------------------------------
|
|
|
|
/// margin (b)
|
|
/// @namespace size/header
|
|
$calendar-panel-header-margin-bottom: $s-2 !default;
|
|
|
|
/// height
|
|
/// @namespace size/header
|
|
$calendar-panel-header-height: $s-8 !default;
|
|
|
|
/// border (b)
|
|
/// @namespace size/header
|
|
$calendar-panel-header-border-bottom-width: $line-1 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/normal/header
|
|
$calendar-panel-header-background: $color-brand1-6 !default;
|
|
|
|
/// border (b)
|
|
/// @namespace statement/normal/header
|
|
$calendar-panel-header-border-bottom-color: $color-transparent !default;
|
|
|
|
// calendar btn
|
|
// --------------------
|
|
|
|
/// btn font weight
|
|
/// @namespace size/header
|
|
$calendar-btn-date-font-weight: $font-weight-3 !default;
|
|
|
|
/// btn margin (lr)
|
|
/// @namespace size/header
|
|
$calendar-btn-date-margin-lr: $s-1 !default;
|
|
|
|
/// sing arrow offset (l, r)
|
|
/// @namespace size/header
|
|
$calendar-btn-arrow-single-offset-lr: $s-7 !default;
|
|
|
|
/// double arrow offset (l,r )
|
|
/// @namespace size/header
|
|
$calendar-btn-arrow-double-offset-lr: $s-2 !default;
|
|
|
|
/// icon
|
|
/// @namespace size/header
|
|
$calendar-btn-arrow-size: $icon-xs !default;
|
|
|
|
/// arrow
|
|
/// @namespace statement/normal/header
|
|
$calendar-btn-arrow-color: $color-white !default;
|
|
|
|
/// arrow
|
|
/// @namespace statement/hover/header
|
|
$calendar-btn-arrow-color-hover: $color-white !default;
|
|
|
|
/// text
|
|
/// @namespace statement/normal/header
|
|
$calendar-btn-date-color: $color-white !default;
|
|
|
|
/// text
|
|
/// @namespace statement/hover/header
|
|
$calendar-btn-date-color-hover: $color-white !default;
|