@cloudbase/weda-ui 0.2.9 → 0.2.13

package/src/web/wedatheme/src/styles/_middle.scss

@@ -0,0 +1,340 @@
+.tea-list--option>li{
+  // font-size: 16px;
+}
+.tea-btn{
+  // font-size: 16px;
+  &.fn-weda-btn--goast{
+    background-color: transparent;
+    border-color:#fff;
+    padding:0 16px;
+    display: flex;
+    align-items: center;
+
+    .tea-icon{
+      margin-right: 4px;
+    }
+    .tea-icon-delete{
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3E&%23x5220;&%23x9664; 16%3C/title%3E%3Cg class='nc-icon-wrapper' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fff' d='M0 3h16v2H0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fff' d='M5 0h6v2H5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fff' d='M2 4h2v12H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fff' d='M12 4h2v12h-2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fff' d='M2 14h12v2H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fff' d='M5 6h2v7H5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23fff' d='M9 6h2v7H9z'/%3E%3C/g%3E%3C/svg%3E");
+    }
+    &:hover{
+      background-color: #fff;
+      color:rgba(0,0,0,0.9);
+      transition:none;
+
+      .tea-icon-delete{
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3E&%23x5220;&%23x9664; 16%3C/title%3E%3Cg class='nc-icon-wrapper' fill='%23888888'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23888888' d='M0 3h16v2H0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23888888' d='M5 0h6v2H5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23888888' d='M2 4h2v12H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23888888' d='M12 4h2v12h-2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23888888' d='M2 14h12v2H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23888888' d='M5 6h2v7H5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23888888' d='M9 6h2v7H9z'/%3E%3C/g%3E%3C/svg%3E");
+      }
+    }
+  }
+}
+
+
+.tea-input, .tea-textarea, .tea-textarea-group{
+  // font-size: 1.21429rem;
+}
+// 按钮
+.weda-button,
+.fn-weda-btn{
+  border-radius: 0;
+}
+// 地域选择器
+.fn-weda-dropdown--region-select.tea-dropdown--region-select{
+  width:100%;
+  background-color: transparent;
+
+  .tea-dropdown__header{
+    background-color: transparent;
+    &:hover{
+      background-color: transparent;
+    }
+    &.tea-dropdown-btn{
+      border:none;
+      font-size: inherit;
+      padding:0;
+    }
+    .tea-flag{
+      display: none;
+    }
+    .tea-region__item,
+    .tea-region__name,
+    .tea-region__more,
+    .tea-dropdown__value{
+      font-size: inherit;
+    }
+    .tea-dropdown__value{
+      .tea-region__item:hover{
+        background-color:transparent;
+      }
+
+    }
+    
+  }  
+}
+.fn-weda-region{
+  .tea-region__type{
+    // font-size: 16px;
+  }
+  .tea-region__name{
+    // font-size: 16px;
+  }
+  .tea-region__title-name, 
+  .tea-region__title .tea-region__name{
+    // font-size: 16px;
+  }
+}
+
+// 级联选择
+.fn-weda-cascader{
+  width:100%;
+  background-color: transparent;
+  border:none;
+  padding:0;
+
+  &:hover{
+    background-color:transparent;
+  }
+  .tea-tag-group,
+  .tea-tag,
+  .tea-tag span,
+  .tea-cascader__value{
+    font-size: inherit;
+  }
+  // .tea-tag {
+  //   line-height: 26px;
+  //   .tea-icon-dismiss{
+  //     top:50%;
+  //     margin-top: -8px;
+  //   }
+  // }
+}
+.fn-weda-cascader-box{
+
+  // .tea-list--option li{
+  //   display: flex;
+  //   align-items: center;
+  // }
+  .tea-list--option.tea-list--checkoption .tea-form-check__label{
+    // font-size: 16px;
+  }
+  // .tea-list--option.tea-list--checkoption .tea-form-check{
+  //   min-height: 38px;
+  //   display: flex;
+  //   align-items: center;
+  // }
+  // .tea-list--option.tea-list--checkoption .tea-form-check .tea-checkbox{
+  //   top:11px;
+  // }
+}
+
+//日期选择器
+.fn-weda-datetimepicker{
+  width:100%;
+  .tea-datetimepicker__input,
+  .tea-datetimepicker__input .tea-input{
+    width: 100%;
+    background-color:transparent;
+    border: none;
+    font-size: inherit;
+    padding:0;
+  }
+  
+}
+.fn-weda-calendar{
+  .tea-list--option>li{
+    // font-size: 12px;
+  }
+  .tea-calendar__cell > span{
+    // font-size: 16px;
+  }
+  .tea-calendar__caption{
+    // font-size: 16px;
+  }
+  .tea-calendar__footer .tea-date-status{
+    // font-size: 16px;
+  }
+}
+
+// Dropdown
+.fn-weda-dropdown{
+  width:100%;
+  display: block;
+  .tea-dropdown__value{
+    font-size: inherit;
+  }
+}
+
+
+
+// 重置weui的样式
+.weda-button,
+.fn-weda-btn{
+  margin-left: initial;
+  margin-right: initial;
+  width: auto;
+  font-size: 12px;
+  font-weight: 400;
+  padding:7px 20px;
+}
+.weui-input,
+.fn-weda-cascader,
+.fn-weda-datetimepicker,
+.fn-weda-dropdown,
+.fn-weda-dropdown--region-select{
+  height: 30px;
+  border-bottom:1px solid #CFD5DE;
+}
+.fn-weda-textarea{
+  border-bottom:1px solid #CFD5DE;
+}
+.weda-switch .weda-formcells__content{
+  
+}
+.weui-cell_switch{
+  display: inline-flex;
+  .weui-cell__ft{
+    padding-left: 0;
+  }
+}
+.weui-switch-cp__box{
+  height: 20px;
+  width: 36px;
+  &::after,
+  &::before{
+    width:16px;
+    height: 16px;
+  }
+}
+.weui-switch:checked:after, .weui-switch-cp__input:checked + .weui-switch-cp__box:after, .weui-switch-cp__input[aria-checked="true"] + .weui-switch-cp__box:after{
+  transform: translateX(17px);
+}
+.weui-cells{
+  font-size: 12px;
+}
+.weui-cells__group_form .weui-cells:after,
+.weui-cells__group_form .weui-cells:before, 
+.weui-cells__group_form .weui-cell:before{
+  display: none;
+}
+.weda-formcells__content,
+.weui-cells__group_form .weui-cell{
+  padding:0;
+  margin:0 0 24px 0;
+}
+.weda-formcells__content .weui-cell{
+  margin-bottom: 0;
+}
+.weui-cells_form,
+.weda-formcells{
+  align-items: flex-start;
+}
+.weda-formcells > .weui-cell:first-child,
+.weui-cells_form > .weui-cell:first-child{
+  width: 6em;
+  margin-top: 5px;
+}
+.weda-formcells__content,
+.weui-cells_form > .weui-cell:nth-child(2){
+  flex:0 1 400px;
+}
+.weui-cell_active:active{
+  background-color: transparent;
+}
+
+//弹窗
+.wa-comp-CLOUDBASE_STANDARD-Modal.lcap-modal .lcap-modal__dialog.enter,
+.wa-comp-CLOUDBASE_STANDARD-Modal.lcap-modal .lcap-modal__dialog{
+  width: 400px;
+  top:50%;
+  bottom:auto;
+  left:50%;
+  transform:translate3d(-50%,-50%,0);
+  border-radius: 0;
+}
+.lcap-modal__dialog{
+  .weda-button{
+    margin:0 auto 20px;
+    width:auto;//????
+  }
+  .lcap-icon-close{
+    font-size: 24px;
+  }
+}
+
+// 单选
+.weda-radio{
+  .weui-cells_checkbox .weui-icon-checked{
+    width:24px;
+    height: 24px;
+  }
+  .weui-cells_checkbox .weui-check:checked + .weui-icon-checked, 
+  .weui-cells_checkbox .weui-check[aria-checked="true"] + .weui-icon-checked{
+    
+    mask-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E画板%3C/title%3E%3Cg id='画板' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='单选-未选2' transform='translate(2.000000, 2.000000)' fill='%23006EFF' fill-rule='nonzero'%3E%3Cpath d='M10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 Z M10,5 C7.23857625,5 5,7.23857625 5,10 C5,12.7614238 7.23857625,15 10,15 C12.7614238,15 15,12.7614238 15,10 C15,7.23857625 12.7614238,5 10,5 Z' id='形状结合'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");;
+  }
+}
+
+//复选框
+.weda-checkbox{
+  .weui-check__label{
+    margin-bottom: 4px;
+  }
+  .weui-cells_checkbox .weui-icon-checked{
+    width:22px;
+    height: 22px;
+    mask-image:url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon/未选-多选%3C/title%3E%3Cg id='icon/未选-多选' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-opacity='0.9'%3E%3Crect id='矩形' stroke='%23000000' x='0.5' y='0.5' width='15' height='15'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E")
+  }
+  .weui-cells_checkbox .weui-check:checked + .weui-icon-checked, 
+  .weui-cells_checkbox .weui-check[aria-checked="true"] + .weui-icon-checked{
+    mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon/已选-多选%3C/title%3E%3Cg id='icon/已选-多选' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M16,0 L16,16 L0,16 L0,0 L16,0 Z M11.1781746,4.5 L6.935,8.742 L4.81421356,6.62132034 L3.4,8.03553391 L6.93553391,11.5710678 L12.5923882,5.91421356 L11.1781746,4.5 Z' id='形状结合' fill='%23006EFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
+  }
+}
+
+// 卡片
+.lcap-card{
+  background-color: #fff;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
+  padding:20px;
+}
+
+// 上传图片 - 上传结果
+.fn-weda-upload-result{
+  display: flex;
+  &__item{
+    width:100px;
+    height:100px;
+    margin:8px 8px 0 0;
+    font-size: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #f2f2f2;
+    position: relative;
+    & > img{
+      max-width: 100%;
+      max-height: 100%;
+    }
+  }
+
+  &__op,
+  &__status{
+    position: absolute;
+    top:0;
+    left:0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width:inherit;
+    height: inherit;
+  }
+  &__op{
+    display: none;
+    background-color: rgba(0, 0, 0, 0.6);
+    
+  }
+  .fn-weda-upload-result__item:hover{
+    .fn-weda-upload-result__op{
+      display: flex;
+    }
+  }
+}

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

@@ -0,0 +1,47 @@
+// 上传图片 - 上传结果
+._weda-fn-upload-result{
+  display: flex;
+  &__item{
+    width:120px;
+    height:120px;
+    margin:8px 8px 0 0;
+    font-size: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+    border:1px solid #DCDCDC;
+    position: relative;
+    & > img{
+      max-width: 100%;
+      max-height: 100%;
+    }
+
+    &--upload{
+      cursor: pointer;
+    }
+  }
+
+  &__op,
+  &__status{
+    position: absolute;
+    top:0;
+    left:0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width:inherit;
+    height: inherit;
+  }
+  &__op{
+    display: none;
+    background-color: rgba(0, 0, 0, 0.6);
+    
+  }
+  ._weda-fn-upload-result__item:hover{
+    ._weda-fn-upload-result__op{
+      display: flex;
+    }
+  }
+}

package/src/web/wedatheme/src/styles/assets/alert-close.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.0808 8.00004L4.00488 4.92412L4.92412 4.00488L8.00004 7.0808L11.076 4.00488L11.9952 4.92412L8.91927 8.00004L11.9952 11.076L11.076 11.9952L8.00004 8.91927L4.92412 11.9952L4.00488 11.076L7.0808 8.00004Z" fill="black" fill-opacity="0.6"/>
+</svg>

package/src/web/wedatheme/src/styles/assets/and.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>add-circle备份</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-748.000000, -275.000000)">
+            <g id="add-circle备份" transform="translate(748.000000, 275.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="add-circle-(Background)"></path>
+                <path d="M4.5,8.5 L4.5,7.5 L7.5,7.5 L7.5,4.5 L8.5,4.5 L8.5,7.5 L11.5,7.5 L11.5,8.5 L8.5,8.5 L8.5,11.5 L7.5,11.5 L7.5,8.5 L4.5,8.5 Z M15,8 C15,4.13400674 11.8659935,1 8,1 C4.13400674,1 1,4.13400674 1,8 C1,11.8659935 4.13400674,15 8,15 C11.8659935,15 15,11.8659935 15,8 Z M14,8 C14,4.68629146 11.3137083,2 8,2 C4.68629146,2 2,4.68629146 2,8 C2,11.3137083 4.68629146,14 8,14 C11.3137083,14 14,11.3137083 14,8 Z" id="add-circle" fill="#19B07E"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/arrowdown--line.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>chevron-down</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-224.000000, -951.000000)">
+            <g id="chevron-down" transform="translate(224.000000, 951.000000)">
+                <path d="M16,0 L16,16 L0,16 L0,0 L16,0 Z" id="矩形" opacity="0.600000024"></path>
+                <path d="M4.45961356,5.54040527 L7.99999428,9.08078575 L11.5403748,5.54040527 L12.4596138,6.45964408 L7.99999428,10.9192634 L3.54037476,6.45964408 L4.45961356,5.54040527 Z" id="路径-4-(Stroke)" fill="#000000"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/arrowdown.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>caret-down-small</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-752.000000, -951.000000)">
+            <g id="caret-down-small" transform="translate(752.000000, 951.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="caret-down-small-(Background)"></path>
+                <path d="M5,6 L8,10.5 L11,6 L5,6 Z" id="down" fill-opacity="0.899999976" fill="#000000" transform="translate(8.000000, 8.250000) rotate(0.000000) translate(-8.000000, -8.250000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/arrowleft--line.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>chevron-left</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-272.000000, -951.000000)">
+            <g id="chevron-left" transform="translate(272.000000, 951.000000)">
+                <path d="M16,0 L16,16 L0,16 L0,0 L16,0 Z" id="矩形" opacity="0.600000024" transform="translate(8.000000, 8.000000) scale(-1, -1) rotate(-90.000003) translate(-8.000000, -8.000000) "></path>
+                <path d="M4.22981564,5.31059598 L7.77019635,8.85097646 L11.3105768,5.31059598 L12.2298159,6.22983479 L7.77019635,10.6894541 L3.31057683,6.22983479 L4.22981564,5.31059598 Z" id="路径-4-(Stroke)" fill="#000000" transform="translate(7.770196, 8.000025) scale(-1, -1) rotate(-90.000003) translate(-7.770196, -8.000025) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/arrowleft.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>caret-left-small</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-800.000000, -951.000000)">
+            <g id="caret-left-small" transform="translate(800.000000, 951.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="caret-left-small-(Background)"></path>
+                <path d="M4.74999987,5.7499999 L7.74999987,10.2499999 L10.7499999,5.7499999 L4.74999987,5.7499999 Z" id="down" fill-opacity="0.899999976" fill="#000000" transform="translate(7.750000, 8.000000) scale(-1, -1) rotate(-90.000003) translate(-7.750000, -8.000000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/arrowright--line.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>chevron-right</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-320.000000, -951.000000)">
+            <g id="chevron-right" transform="translate(320.000000, 951.000000)">
+                <path d="M16,0 L16,16 L0,16 L0,0 L16,0 Z" id="矩形" opacity="0.600000024" transform="translate(8.000000, 8.000000) scale(-1, -1) rotate(90.000003) translate(-8.000000, -8.000000) "></path>
+                <path d="M4.68942324,5.31054639 L8.22980396,8.85092687 L11.7701844,5.31054639 L12.6894235,6.2297852 L8.22980396,10.6894045 L3.77018443,6.2297852 L4.68942324,5.31054639 Z" id="路径-4-(Stroke)" fill="#000000" transform="translate(8.229804, 7.999975) scale(-1, -1) rotate(90.000003) translate(-8.229804, -7.999975) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/arrowright-blue--line.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>chevron-right</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-320.000000, -951.000000)">
+            <g id="chevron-right" transform="translate(320.000000, 951.000000)">
+                <path d="M16,0 L16,16 L0,16 L0,0 L16,0 Z" id="矩形" opacity="0.600000024" transform="translate(8.000000, 8.000000) scale(-1, -1) rotate(90.000003) translate(-8.000000, -8.000000) "></path>
+                <path d="M4.68942324,5.31054639 L8.22980396,8.85092687 L11.7701844,5.31054639 L12.6894235,6.2297852 L8.22980396,10.6894045 L3.77018443,6.2297852 L4.68942324,5.31054639 Z" id="路径-4-(Stroke)" fill="#0052D9" transform="translate(8.229804, 7.999975) scale(-1, -1) rotate(90.000003) translate(-8.229804, -7.999975) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/arrowright.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>caret-right-small</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-848.000000, -951.000000)">
+            <g id="caret-right-small" transform="translate(848.000000, 951.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="caret-right-small-(Background)"></path>
+                <path d="M5.25,5.75 L8.25,10.25 L11.25,5.75 L5.25,5.75 Z" id="right" fill-opacity="0.899999976" fill="#000000" transform="translate(8.250000, 8.000000) scale(-1, -1) rotate(90.000000) translate(-8.250000, -8.000000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/arrowup--line.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>chevron-up</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-176.000000, -951.000000)">
+            <g id="chevron-up" transform="translate(176.000001, 950.999999)">
+                <path d="M16,0 L16,16 L0,16 L0,0 L16,0 Z" id="矩形" opacity="0.600000024" transform="translate(8.000000, 8.000000) rotate(-179.999995) translate(-8.000000, -8.000000) "></path>
+                <path d="M4.45962454,5.08073695 L8.00000526,8.62111742 L11.5403857,5.08073695 L12.4596248,5.99997575 L8.00000526,10.459595 L3.54038574,5.99997575 L4.45962454,5.08073695 Z" id="路径-4-(Stroke)" fill="#000000" transform="translate(8.000005, 7.770166) rotate(-179.999995) translate(-8.000005, -7.770166) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/arrowup.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>caret-up-small</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-704.000000, -951.000000)">
+            <g id="caret-up-small" transform="translate(704.000000, 951.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="caret-up-small-(Background)"></path>
+                <path d="M5.0000002,5.50000021 L8.0000002,10.0000002 L11.0000002,5.50000021 L5.0000002,5.50000021 Z" id="down" fill-opacity="0.899999976" fill="#000000" transform="translate(8.000000, 7.750000) rotate(-179.999995) translate(-8.000000, -7.750000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/bell-warning.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.49993 2.02746V1H7.49993V2.02746C5.24996 2.27619 3.49993 4.18372 3.49993 6.5V11L2.59993 12.2C2.35272 12.5296 2.58791 13 2.99993 13H5.54994C5.78158 14.1411 6.79045 15 7.99993 15C9.20941 15 10.2183 14.1411 10.4499 13H12.9999C13.412 13 13.6471 12.5296 13.3999 12.2L12.4999 11V6.5C12.4999 4.18372 10.7499 2.27619 8.49993 2.02746ZM4.49993 11.3333L3.99993 12H11.9999L11.4999 11.3333V6.5C11.4999 4.567 9.93293 3 7.99993 3C6.06693 3 4.49993 4.567 4.49993 6.5V11.3333ZM7.99993 14C7.34682 14 6.7912 13.5826 6.58528 13H9.41458C9.20866 13.5826 8.65304 14 7.99993 14Z" fill="#BA431B" fill-opacity="0.9"/>
+</svg>

package/src/web/wedatheme/src/styles/assets/btnback.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>arrow-left</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-1138.000000, -231.000000)">
+            <g id="arrow-left" transform="translate(1138.000000, 231.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="arrow-left-(Background)"></path>
+                <path d="M3.85364142,7.5601804 L3.14653471,6.85307381 L7.78782197,2.21178655 C7.90497926,2.09462926 8.09492876,2.09462926 8.21208605,2.21178655 L12.8533724,6.85307286 L12.8533724,6.85307286 L12.1462658,7.56017992 L8.49993351,3.91384766 L8.49976423,13.999562 L7.49976423,13.999562 L7.49993351,3.91388843 L3.85364142,7.5601804 Z" fill="#0052D9" fill-rule="nonzero" transform="translate(7.999954, 7.999608) scale(-1, -1) rotate(90.000003) translate(-7.999954, -7.999608) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/calendar.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>calendar</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-1040.000000, -591.000000)">
+            <g id="calendar" transform="translate(1040.000000, 591.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="calendar-(Background)"></path>
+                <path d="M6,3 L6,1.5 L5,1.5 L5,3 L3,3 C2.44771528,3 2,3.44771492 2,4 L2,13 C2,13.5522842 2.44771504,14 3,14 L13,14 C13.5522842,14 14,13.5522852 14,13 L14,4 C14,3.44771528 13.5522852,3 13,3 L11,3 L11,1.5 L10,1.5 L10,3 L6,3 Z M5,4 L3,4 L3,6 L13,6 L13,4 L11,4 L11,5 L10,5 L10,4 L6,4 L6,5 L5,5 L5,4 Z M3,13 L13,13 L13,7 L3,7 L3,13 Z" fill-opacity="0.899999976" fill="#000000"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/chartcolumn-1.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>chart备份</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-613.000000, -804.000000)">
+            <g id="chart备份" transform="translate(613.000000, 804.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="chart-(Background)"></path>
+                <path d="M4.5,7.49993753 L5.5,7.4999404 L5.5,12 L4.5,12 L4.5,7.49993753 Z M7.5,12 L8.5,12 L8.5,4.5 L7.5,4.5 L7.5,12 Z M10.5,9 L11.5,9 L11.5,12 L10.5,12 L10.5,9 Z M3,2 L13,2 C13.5522871,2 14,2.44771713 14,3 L14,13 C14,13.5522871 13.5522842,14 13,14 L3,14 C2.44771487,14 2,13.5522842 2,13 L2,3 C2,2.44771481 2.44771719,2 3,2 Z M13,3 L13,13 L3,13 L3,3 L13,3 Z" id="chart" fill="#0052D9"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/chartcolumn.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>chart</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-608.000000, -771.000000)">
+            <g id="chart" transform="translate(608.000000, 771.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="chart-(Background)"></path>
+                <path d="M4.5,7.49993753 L5.5,7.4999404 L5.5,12 L4.5,12 L4.5,7.49993753 Z M7.5,12 L8.5,12 L8.5,4.5 L7.5,4.5 L7.5,12 Z M10.5,9 L11.5,9 L11.5,12 L10.5,12 L10.5,9 Z M3,2 L13,2 C13.5522871,2 14,2.44771713 14,3 L14,13 C14,13.5522871 13.5522842,14 13,14 L3,14 C2.44771487,14 2,13.5522842 2,13 L2,3 C2,2.44771481 2.44771719,2 3,2 Z M13,3 L13,13 L3,13 L3,3 L13,3 Z" fill-opacity="0.899999976" fill="#000000"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/chartline-1.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>folder备份 2</title>
+    <g id="folder备份-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="folder-(Background)"></path>
+        <path d="M13,13 L2,13 L2,14 L13,14 C13.5522842,14 14,13.5522847 14,13 L14,3 L13,3 L13,13 Z" id="enter" fill="#0052D9" fill-rule="nonzero" transform="translate(8.000000, 8.500000) scale(-1, 1) translate(-8.000000, -8.500000) "></path>
+        <polygon id="路径-2" fill="#0052D9" fill-rule="nonzero" points="12.6095656 5.18765248 13.3904344 5.81234752 9.11240891 11.1598794 5.072 8.634 2.85355339 10.8535534 2.14644661 10.1464466 4.92770279 7.36519043 8.887 9.84"></polygon>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/chartline.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>folder备份</title>
+    <g id="folder备份" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="folder-(Background)"></path>
+        <path d="M13,13 L2,13 L2,14 L13,14 C13.5522842,14 14,13.5522847 14,13 L14,3 L13,3 L13,13 Z" id="enter" fill-opacity="0.899999976" fill="#000000" fill-rule="nonzero" transform="translate(8.000000, 8.500000) scale(-1, 1) translate(-8.000000, -8.500000) "></path>
+        <polygon id="路径-2" fill="#191919" fill-rule="nonzero" points="12.6095656 5.18765248 13.3904344 5.81234752 9.11240891 11.1598794 5.072 8.634 2.85355339 10.8535534 2.14644661 10.1464466 4.92770279 7.36519043 8.887 9.84"></polygon>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/chartpie-1.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>chart-pie备份</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-238.000000, -626.000000)">
+            <g id="chart-pie备份" transform="translate(238.000000, 626.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="chart-pie-(Background)"></path>
+                <path d="M8,15 C4.13400674,15 1,11.8659935 1,8 C1,4.13400674 4.13400674,1 8,1 C11.8659935,1 15,4.13400674 15,8 C15,11.8659935 11.8659935,15 8,15 Z M8,14 C4.68629146,14 2,11.3137083 2,8 C2,4.85466814 4.42023468,2.27461231 7.5,2.0205369 L7.5,8.5 L13.9794636,8.5 C13.7253885,11.5797653 11.1453314,14 8,14 Z M8.5,7.5 L8.5,2.0205369 C11.4148989,2.26101112 13.7389889,4.58510137 13.9794636,7.5 L8.5,7.5 Z" id="chart-pie" fill="#0052D9"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/web/wedatheme/src/styles/assets/chartpie.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>chart-pie</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-224.000000, -651.000000)">
+            <g id="chart-pie" transform="translate(224.000000, 651.000000)">
+                <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="chart-pie-(Background)"></path>
+                <path d="M8,15 C4.13400674,15 1,11.8659935 1,8 C1,4.13400674 4.13400674,1 8,1 C11.8659935,1 15,4.13400674 15,8 C15,11.8659935 11.8659935,15 8,15 Z M8,14 C4.68629146,14 2,11.3137083 2,8 C2,4.85466814 4.42023468,2.27461231 7.5,2.0205369 L7.5,8.5 L13.9794636,8.5 C13.7253885,11.5797653 11.1453314,14 8,14 Z M8.5,7.5 L8.5,2.0205369 C11.4148989,2.26101112 13.7389889,4.58510137 13.9794636,7.5 L8.5,7.5 Z" fill-opacity="0.899999976" fill="#000000"></path>
+            </g>
+        </g>
+    </g>
+</svg>