//// /// @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;