@cloudbase/weda-ui 0.2.9 → 0.2.10

package/src/web/wedatheme/src/styles/theme/_list.scss

@@ -0,0 +1,41 @@
+// // 字体颜色
+// $list-color-text:$color-text !default;
+// $list-color-text-weak:$color-text-weak !default;
+// $list-color-text-weight:$color-text-weight !default;
+// $list-color-text-disabled:$color-text-disabled !default;
+// $list-color-text-label:$color-text-label !default;
+// $list-primary-color-text-anti:$color-text-anti-primary !default;
+
+
+// // 边框
+// $list-color-border-inner:$color-border-inner !default;
+
+// // 背景
+// $list-color-bg:$color-bg !default;
+// $list-color-bg-gray:$color-bg-gray !default;
+// $list-color-bg-hover:$color-bg-hover !default;
+// $list-primary-color-bg:$color-primary !default;
+
+// // 字体
+// $list-font-size-default:$font-size-default !default;
+// $list-font-size-l:$font-size-l !default;
+
+// // 圆角
+// $list-border-radius:$border-radius !default;
+.#{$prefix}list--option>li{
+  padding:6px 8px;
+}
+.#{$prefix}list--option .#{$prefix}list__submenu:after{
+  background-image: url(../assets/arrowright--line.svg);
+  margin-top: 2px;
+}
+
+.#{$prefix}list--option.#{$prefix}list--checkoption .#{$prefix}form-check{
+  display: flex;
+  // font-size: 0; // 消除inline-block的间距
+  padding-left: 6px;
+}
+.#{$prefix}list--option.#{$prefix}list--checkoption .#{$prefix}form-check .#{$prefix}checkbox{
+  top:0;
+  left:0;
+}

package/src/web/wedatheme/src/styles/theme/_metrics-board.scss

@@ -0,0 +1,14 @@
+// $metrics-board-font-size:$font-size-default !default;
+// $metrics-board-font-size-l:$font-size-l !default;
+// $metrics-board-font-size-xl:$font-size-xl !default;
+// $metrics-board-number-font-size:$font-size-xxxl !default;
+
+// $metrics-board-border-radius:$border-radius !default;
+
+// $metrics-board-color-bg-hover:$color-bg-gray-hover !default;
+
+// $metrics-board-color-text:$color-text !default;
+// $metrics-board-color-text-weight:$color-text-weight !default;
+// $metrics-board-header-color-text:$color-text-weight !default;
+// $metrics-board-info-color-text:$color-text-label !default;
+// $metrics-board-info-key-color-text:$color-text-weight !default;

package/src/web/wedatheme/src/styles/theme/_notification.scss

@@ -0,0 +1,27 @@
+
+// $notification-font-size:$font-size-default  !default;
+// $notification-border-radius:$border-radius  !default;
+// $notification-max-width:368px  !default;
+// $notification-box-shadow: 0 0 20px 0 rgba(19,41,75,0.20)  !default;
+// $notification-space:4px  !default;
+
+// $notification-color-text-label:$color-text-label  !default;
+
+// $notification-color-bg:$color-bg  !default;
+// $notification-color-bg-hover:$color-bg-hover  !default;
+
+// $notification-success-color-bg:$color-success-0  !default;
+// $notification-success-footer-color-bg:rgba($color-success-0,0.05)  !default;
+// $notification-success-color-text:$color-success  !default;
+
+
+// $notification-error-color-bg:$color-error-0  !default;
+// $notification-error-footer-color-bg:rgba($color-error-0,0.05)  !default;
+// $notification-error-color-text:$color-error  !default;
+
+// $notification-warning-color-bg:$color-warning-0  !default;
+// $notification-warning-footer-color-bg:rgba($color-warning-0,0.05)  !default;
+// $notification-warning-color-text:$color-warning  !default;
+
+// $notification-color-border-inner:$color-border-inner  !default;
+

package/src/web/wedatheme/src/styles/theme/_pagination.scss

@@ -0,0 +1,22 @@
+
+// $pagination-color-text:$color-text-label !default;
+// $pagination-font-size:$font-size-default !default;
+// $pagination-border-radius:$border-radius !default;
+// $pagination-color-text-weight:$color-text-weight !default ;
+// $pagination-color-text-label:$color-text-label !default;
+// $pagination-color-bg:$color-bg !default;
+// $pagination-color-bg-disabled:$color-bg-gray !default;
+
+// // 翻页
+// $pagination-turnbtn-color-border:$color-border !default;
+// $pagination-turnbtn-color-bg-hover:$color-bg-hover !default;
+// $pagination-turnbtn-color-border-hover:$color-border !default;
+// $pagination-turnbtn-color-bg-disabled:$color-bg-disabled !default;
+
+// $pagination-table-color-text:$color-text !default;
+
+// //pagination-height
+// $pagination-height:26px!default;
+.#{$prefix}pagination .#{$prefix}dropdown__header .#{$prefix}icon{
+  top:5px;
+}

package/src/web/wedatheme/src/styles/theme/_popconfirm.scss

@@ -0,0 +1,4 @@
+// $popconfirm-font-size:$font-size-default !default;
+// $popconfirm-font-size-l:$font-size-l !default;
+// $popconfirm-width-min:300px !default;
+// $popconfirm-padding: 20px !default;

package/src/web/wedatheme/src/styles/theme/_progress.scss

@@ -0,0 +1,28 @@
+// $progress-height:6px !default;
+// $progress-line-height-fz-default:$line-height-fz-default !default;
+
+// $progress-font-size:$font-size-default !default;
+// $progress-font-size-l:$font-size-l !default;
+// $progress-border-radius:$border-radius !default;
+// $progress-color-base-text-weight:$color-text-weight !default;
+// $progress-color-base-bg:$color-bg-gray !default;
+
+// // 默认进度条
+// $progress-primary-color-bg:$color-primary !default;
+// $progress-primary-color-text-label:$color-text-label !default;
+// // success
+// $progress-success-color-border:$color-success !default;
+// $progress-success-color-bg:$color-success !default;
+// // error
+// $progress-error-color-border:$color-error !default;
+// $progress-error-color-bg:$color-error !default;
+
+// // 圆环的宽高
+// $progress-circle-width:160px!default;
+// $progress-circle-height:160px!default;
+
+
+
+
+
+

package/src/web/wedatheme/src/styles/theme/_region-select.scss

@@ -0,0 +1,17 @@
+// $region-font-size:$font-size-default !default;
+// $region-font-size-xl:$font-size-xl !default;
+// $region-border-radius:$border-radius !default;
+
+// $region-color-text:$color-text !default;
+// $region-color-text-label:$color-text-label !default;
+// $region-color-text-weight:$color-text-weight !default;
+// $region-color-text-disabled:$color-text-disabled !default;
+
+// $region-color-border:$color-border !default;
+
+// $region-item-color-bg-hover:$color-bg-hover !default;
+// $region-item-color-bg-gray:$color-bg-gray !default;
+
+// $region-dropdown-color-bg:$color-bg !default;
+
+// $region-empty-color-bg:$color-bg !default;

package/src/web/wedatheme/src/styles/theme/_search.scss

@@ -0,0 +1,18 @@
+// $search-font-size-default:$font-size-default !default;
+
+// // 搜索框高度
+// $search-height:$form-height !default;
+
+// // multi
+// $search-multi-height-focus:150px!default;
+
+// // 搜索框宽度
+// $search-width-size-s:100px !default;
+// $search-width-size-m:200px !default;
+// $search-width-size-l:420px !default;
+
+.#{$prefix}search .#{$prefix}btn{
+  // bottom:2px;
+  padding:8px;
+  height: 30px;
+}

package/src/web/wedatheme/src/styles/theme/_segment.scss

@@ -0,0 +1,69 @@
+
+// $segment-color-border:$color-border !default;
+// $segment-color-bg:$color-bg !default;
+// $segment-color-text:$color-text !default;
+
+// // hover
+// $segment-color-bg-hover:$color-bg-hover !default;
+
+// // 字体
+// $segment-font-size-default:$font-size-default !default;
+
+// // 圆角
+// $segment-border-radius:$border-radius !default;
+
+// // 选中态
+// $segment-color-text-selected:$color-primary !default;
+
+// // disabled
+// $segment-color-bg-disabled:$color-bg-disabled !default;
+// $segment-color-text-disabled:$color-text-disabled !default;
+
+// // 折扣
+// $segment-discount-color-bg:$color-warning !default;
+// $segment-discount-color-text: $color-text-anti-primary !default;
+
+// // 高度
+// $segment-height:$form-height !default;
+// // 无线高度
+// $segment-rimless-height:22px !default;
+
+.#{$prefix}segment .#{$prefix}btn--weak{
+  background-color: $color-bg;
+  padding:0 16px;
+  
+  &:not(.is-disabled):hover{
+    color:$color-primary;
+    background-color: $color-bg;
+  }
+  &.is-selected:hover{
+    color:$color-primary;
+    background-color: $color-bg;
+    border-color: $color-primary;
+  }
+}
+.#{$prefix}segment--rimless {
+  // background-color: $color-neutral-3;
+  // padding:$space-base $space-base 0;
+  // border-radius: $border-radius;
+  .#{$prefix}btn{
+  //   line-height: 20px;
+    font-size: 12px;
+  //   border: none;
+  //   background-color: transparent;
+  //   &:not(.is-disabled):hover{
+  //     color:$color-text-weight;
+  //     // background-color: $color-bg;
+  //   }
+  //   &.is-selected{
+  //     background-color: $color-primary;
+  //     color:$color-text-anti-primary;
+  //     :hover{
+  //       color:$color-primary;
+  //       background-color: $color-bg;
+  //       border-color: $color-primary;
+  //     }
+  //   }
+  }
+}
+

package/src/web/wedatheme/src/styles/theme/_slider.scss

@@ -0,0 +1,18 @@
+// $slider-font-size:$font-size-default !default;
+// $slider-border-radius:$border-radius !default;
+
+// $slider-height:4px !default;
+// $slider-handle-width:18px !default;
+// $slider-handle-height:18px !default;
+
+// $slider-color-text:$color-text-label !default;
+// $slider-base-color-bg:$color-neutral-1 !default;
+// $slider-base-color-bg-hover:$color-neutral-2 !default;
+// $slider-base-color-bg-disabled:$color-neutral-1 !default;
+// $slider-track-color-bg:$color-primary !default;
+// $slider-track-color-bg-disabled:$color-primary-disabled !default;
+
+// $slider-handle-color-bg:$color-bg !default;
+// $slider-handle-color-bg-disabled:$color-primary-disabled !default;
+// $slider-handle-color-border:$color-primary !default;
+// $slider-handle-width-border:2px !default;

package/src/web/wedatheme/src/styles/theme/_status.scss

@@ -0,0 +1,4 @@
+// $status-font-size:$font-size-default !default;
+
+// $status-color-text-label:$color-text-label !default;
+

package/src/web/wedatheme/src/styles/theme/_steps.scss

@@ -0,0 +1,68 @@
+// $step-font-size:$font-size-default !default;
+// $step-font-size-l:$font-size-l !default;
+// $step-font-size-xl:$font-size-xl !default;
+
+// $step-color-text-label:$color-text-label !default;
+
+$step-num-width:24px ;
+// $step-num-height:24px;
+// $step-num-color-bg:$color-primary !default;
+// $step-num-color-bg-disabled:$color-bg !default;
+// $step-num-color-border:$color-primary !default;
+// $step-num-color-border-disabled:$color-border !default;
+// $step-num-color-text:$color-text-anti-primary !default;
+
+// $step-alternative-num-color-bg:$color-primary-1 !default;
+// $step-alternative-num-color-bg-disabled:$color-bg !default;
+// $step-alternative-num-color-border:$color-primary-1 !default;
+// $step-alternative-num-color-border-disabled:$color-border !default;
+// $step-alternative-num-color-text:$color-primary-8 !default;
+
+// $step-vertical-num-color-bg:$color-primary-1 !default;
+// $step-vertical-num-color-border:$color-primary-1 !default;
+// $step-vertical-num-color-text:$color-primary-8 !default;
+// $step-vertical-arrow-color-bg:$color-border !default;
+
+// $step-dot-num-color-bg:$color-primary !default;
+// $step-dot-num-color-bg-disabled:$color-text-disabled !default;
+// $step-dot-num-color-border-disabled:$color-text-disabled !default;
+// $step-dot-arrow-color-bg:$color-border !default;
+
+// $step-readonly-num-color-bg:$color-primary !default;
+// $step-readonly-num-color-border:$color-primary !default;
+// $step-readonly-num-color-text:$color-text-anti-primary !default;
+
+// $step-item-color-text-disabled:$color-text-disabled !default;
+
+.#{$prefix}step__num{
+  height: 24px;
+  line-height: 22px;
+  background-color: #fff;
+  border-width: 1px;
+  font-weight: 400;
+  
+  &::after{
+    top:3px;
+    left:3px;
+    background-image: url(../assets/check-2.svg);
+  }
+}
+.#{$prefix}step__item.is-current >.#{$prefix}step__num{
+  background-color: $color-primary;
+}
+.#{$prefix}step__item.is-current .#{$prefix}step__num:before, 
+.#{$prefix}step__item.is-current~.#{$prefix}step__item .#{$prefix}step__num:before{
+  font-weight: 400;
+}
+.#{$prefix}step__item.is-current ~ .#{$prefix}step__item .#{$prefix}step__num {
+  border-width: 1px;
+}
+.#{$prefix}step__content{
+  padding-top: 2px;
+}
+.#{$prefix}step__title{
+  font-weight: 400;
+}
+.#{$prefix}step__arrow{
+  margin-top: 4px;
+}

package/src/web/wedatheme/src/styles/theme/_switch.scss

@@ -0,0 +1,11 @@
+// $switch-width:35px !default;
+// $switch-height:20px !default;
+// $switch-border-radius:10px !default;
+
+// $switch-dot-color-bg:$color-bg !default;
+
+// $switch-color-bg:$color-neutral-4 !default;
+// $switch-color-bg-checked:$color-primary !default;
+// $switch-color-bg-checked-hover:$color-primary-hover !default;
+// $switch-color-bg-checked-disabled:$color-primary-disabled !default;
+// $switch-color-bg-disabled:$color-neutral-1 !default;

package/src/web/wedatheme/src/styles/theme/_table.scss

@@ -0,0 +1,44 @@
+
+// $table-font-size:$font-size-default !default;
+// $table-border-radius:$border-radius !default;
+
+// $table-color-bg:$color-bg !default;
+// $table-color-bg-hover:$color-bg-hover !default;
+// $table-color-bg-gray:$color-bg-gray !default;
+
+// $table-color-text:$color-text !default;
+// $table-color-text-weight:$color-text-weight !default;
+// $table-color-text-link:$color-primary !default;
+// $table-color-text-disabled:$color-text-disabled !default;
+// $table-color-text-label:$color-text-label !default;
+// $table-header-color-text:$color-text-label !default;
+
+// $table-color-border:$color-border !default;
+// $table-color-border-inner:$color-border-inner !default;
+
+// $table-anim-hover-time:0.1s;
+
+.#{$prefix}table__header .#{$prefix}icon{
+  top:7px; //  待定。模型那边需要7才能对齐
+}
+.is-expanded .#{$prefix}dropdown-filter .#{$prefix}icon-filter, 
+.#{$prefix}dropdown-filter:hover .#{$prefix}icon-filter,
+.#{$prefix}table__filterbtn.is-active .#{$prefix}icon-filter, 
+.#{$prefix}table__filterbtn:hover .#{$prefix}icon-filter{
+  background-image: url(../assets/filter.svg);
+}
+.#{$prefix}table__sortbtn.is-active .#{$prefix}icon-sort, 
+.#{$prefix}table__sortbtn:hover .#{$prefix}icon-sort{
+  background-image: url(../assets/sort.svg);
+}
+.#{$prefix}table__sortbtn.is-active .#{$prefix}icon-sortup, 
+.#{$prefix}table__sortbtn:hover .#{$prefix}icon-sortup{
+  background-image: url(../assets/sortup.svg);
+}
+.#{$prefix}table__sortbtn.is-active .#{$prefix}icon-sortdown, 
+.#{$prefix}table__sortbtn:hover .#{$prefix}icon-sortdown{
+  background-image: url(../assets/sortdown.svg);
+}
+.#{$prefix}table__action-panel{
+  margin-bottom: 20px;
+}

package/src/web/wedatheme/src/styles/theme/_tabs.scss

@@ -0,0 +1,44 @@
+
+// // 边框颜色
+// $tabs-color-border-inner:$color-border-inner  !default;
+// $tabs-primary-color-border:$color-primary  !default;
+// $tabs-color-border:$color-border  !default;
+
+// // 字体大小
+// $tabs-font-size-l:$font-size-l  !default;
+
+// // 字体颜色
+
+// $tabs-color-text-weight:$color-text-weight  !default;
+// $tabs-color-text-disabled:$color-text-disabled  !default;
+
+
+// // 背景
+// $tabs-color-bg:$color-bg  !default;
+// $tabs-ceiling-color-bg:$color-bg  !default;
+// $tabs-ceiling-line-color-bg:transparent !default;
+// $tabs-color-bg-hover:$color-bg-hover  !default;
+
+// // 高度
+$tabs-height:48px !default;
+
+// $tabs-ceiling-gap:0 !default;
+
+.#{$prefix}tabs__tab{
+  padding:0 $space-base*4;
+
+  &.is-active{
+    font-weight: 500;
+    color:$color-text-primary;
+  }
+}
+
+.#{$prefix}tabs__tab.is-active:after, .#{$prefix}tabs__tab:hover:after{
+  // border-width: 1px;
+}
+.#{$prefix}tabs__tabitem{
+  margin-right: 0;
+}
+.#{$prefix}tabs__tabpanel{
+  padding-top: $space-base*4;
+}

package/src/web/wedatheme/src/styles/theme/_tag-search.scss

@@ -0,0 +1,9 @@
+
+// $tag-search-width-s:100px !default;
+// $tag-search-width-m:200px !default;
+// $tag-search-width-l:420px !default;
+
+// $tag-search-border-radius:$border-radius !default;
+// $tag-search-color-bg:$color-bg !default;
+// $tag-search-color-border:$color-border !default;
+// $tag-search-color-border-active:$color-primary !default;

package/src/web/wedatheme/src/styles/theme/_tag.scss

@@ -0,0 +1,48 @@
+
+// $tag-font-size:$font-size-default !default;
+// $tag-border-radius:$border-radius !default;
+
+
+// $tag-default-color-bg:$color-bg-second !default;
+// $tag-default-color-text:$color-text-weight !default;
+// $tag-default-color-border:$color-bg-second !default;
+
+// $tag-primary-color-bg:$color-primary-0 !default;
+// $tag-primary-color-text:$color-primary-5 !default;
+// $tag-primary-color-border:$color-primary-0 !default;
+// $tag-primary-dark-color-bg:$color-primary-5 !default;
+// $tag-primary-dark-color-text:$color-text-anti-primary !default;
+// $tag-primary-dark-color-border:$color-primary-5 !default;
+
+// $tag-warning-color-bg:$color-warning-0 !default;
+// $tag-warning-color-text:$color-warning-5 !default;
+// $tag-warning-color-border:$color-warning-0 !default;
+// $tag-warning-dark-color-bg:$color-warning-5 !default;
+// $tag-warning-dark-color-text:$color-text-anti-primary !default;
+// $tag-warning-dark-color-border:$color-warning-5 !default;
+
+// $tag-error-color-bg:$color-error-0 !default;
+// $tag-error-color-text:$color-error-5 !default;
+// $tag-error-color-border:$color-error-0 !default;
+// $tag-error-dark-color-bg:$color-error-5 !default;
+// $tag-error-dark-color-text:$color-text-anti-primary !default;
+// $tag-error-dark-color-border:$color-error-5 !default;
+
+// $tag-success-color-bg:$color-success-0 !default;
+// $tag-success-color-text:$color-success-5 !default;
+// $tag-success-color-border:$color-success-0 !default;
+// $tag-success-dark-color-bg:$color-success-5 !default;
+// $tag-success-dark-color-text:$color-text-anti-primary !default;
+// $tag-success-dark-color-border:$color-success-5 !default;
+
+
+// $tag-input-color-bg:$color-bg !default;
+// $tag-input-color-border:$color-border !default;
+// $tag-input-color-border-active:$color-primary !default;
+
+.#{$prefix}tag--edit{
+  padding-right: 30px;
+  .#{$prefix}icon-dismiss{
+    background-image: url(../assets/close-1.svg);
+  }
+}

package/src/web/wedatheme/src/styles/theme/_toast.scss

@@ -0,0 +1,3 @@
+// $toast-border-radius:$border-radius;
+// $toast-default-border:$color-border;
+// $toast-default-bg:$color-bg;

package/src/web/wedatheme/src/styles/theme/_transfer.scss

@@ -0,0 +1,9 @@
+// $transfer-font-size-default: $font-size-default !default;
+
+// $transfer-color-border: $color-border !default;
+
+// $transfer-border-radius: $border-radius !default;
+
+// $transfer-separator-width: 38px !default;
+
+// $transfer-no-search-height: 380px;

package/src/web/wedatheme/src/styles/theme/_tree.scss

@@ -0,0 +1,11 @@
+// $tree-width: 420px !default;
+
+// $tree-color-bg: $color-bg !default;
+// $tree-color-bg-hover: $color-bg-hover !default;
+
+// $tree-switcher-width: 16px !default;
+// $tree-item-height: 30px !default;
+// // 缩进
+// $tree-subitem-indentaion:20px !default;
+
+// $tree-font-size-default: $font-size-default !default;

package/src/web/wedatheme/src/styles/theme/_upload.scss

@@ -0,0 +1,14 @@
+// $upload-color-border: $color-border !default;
+// $upload-color-border-focus: $color-primary-focus !default;
+// $upload-color-border-error: $color-error-4 !default;
+
+// $upload-border-radius: $border-radius !default;
+
+// $upload-color-bg: $color-bg !default;
+// $upload-color-bg-hover: $color-bg-hover !default;
+// $upload-color-bg-disabled: $color-bg-disabled !default;
+
+// $upload-thumb-width: 100px !default;
+// $upload-thumb-height: 100px !default;
+
+// $upload-font-size: $font-size-default !default;