@cloudbase/weda-ui 0.2.9 → 0.2.13

package/src/web/wedatheme/src/routes/wedatheme-index/index.js

@@ -0,0 +1 @@
+export * from "./WedathemeIndex";

package/src/web/wedatheme/src/routes/weui2td/WEUI2TD.jsx

@@ -0,0 +1,3 @@
+export function WEUI2TD() {
+  return;
+}

package/src/web/wedatheme/src/routes/weui2td/index.js

@@ -0,0 +1 @@
+export * from './WEUI2TD';

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

@@ -0,0 +1,24 @@
+._weda-fn-btn--goast{
+  background-color: transparent;
+  border-color:$color-bg;
+  padding:0 $space-base*4;
+  display: flex;
+  align-items: center;
+
+  .tea-icon{
+    margin-right: $space-base;
+  }
+  .tea-icon-delete{
+    background-image: url(./assets/delete-white.svg);
+  }
+  &:hover{
+    background-color: $color-bg;
+    color:$color-text;
+    border-color: $color-bg;
+    transition:none;
+
+    .tea-icon-delete{
+      background-image: url(./assets/delete.svg);
+    }
+  }
+}

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

@@ -0,0 +1,653 @@
+.#{$prefix}icon-daily {
+  background-image: url(./assets/daily.svg);
+}
+
+.#{$prefix}icon-shopcart {
+  background-image: url(./assets/shopcart.svg);
+}
+
+.#{$prefix}icon-more {
+  background-image: url(./assets/more.svg);
+}
+
+.#{$prefix}icon-folderclose {
+  background-image: url(./assets/folderclose.svg);
+}
+
+.#{$prefix}icon-folderopen {
+  background-image: url(./assets/folderopen.svg);
+}
+
+.#{$prefix}icon-notice {
+  background-image: url(./assets/notice.svg);
+}
+.#{$prefix}icon-notice-blue {
+  // background-image: url(./assets/notice.svg???);
+}
+
+.#{$prefix}icon-guide {
+  background-image: url(./assets/guide.svg);
+}
+
+.#{$prefix}icon-consult {
+  background-image: url(./assets/consult.svg);
+}
+
+.#{$prefix}icon-realname {
+  background-image: url(./assets/realname.svg);
+}
+
+.#{$prefix}icon-realnamev {
+  background-image: url(./assets/realnamev.svg);
+}
+
+.#{$prefix}icon-show {
+  background-image: url(./assets/show.svg);
+}
+
+.#{$prefix}icon-hide {
+  background-image: url(./assets/hide.svg);
+}
+
+.#{$prefix}icon-records {
+  width: 15px;
+  height: 16px;
+  // background-image: url(./assets/records-icon.png);
+}
+
+// .#{$prefix}icon-error.size-m{
+//     width:32px;
+//     height: 32px;
+//     background-image: url(./assets/m-error-icon.svg);
+//     background-position: inherit;
+//     background-size: cover;
+// }
+.#{$prefix}icon-error.size-l {
+  width: 32px;
+  height: 32px;
+  background-image: url(./assets/error-1.svg);
+}
+
+.#{$prefix}icon-sales {
+  // background-image: url(./assets/sales.png);
+}
+
+.#{$prefix}icon-success {
+  width: 20px;
+  height: 20px;
+  background-image: url(./assets/success-filled.svg);
+}
+
+.#{$prefix}icon-success.size-l {
+  width: 32px;
+  height: 32px;
+  background-image: url(./assets/success-1.svg);
+  background-size: cover;
+}
+.#{$prefix}icon-warning {
+  width: 20px;
+  height: 20px;
+  background-image: url(./assets/warning-filled.svg);
+}
+
+.#{$prefix}icon-warning.size-l {
+  width: 32px;
+  height: 32px;
+  background-image: url(./assets/warning-1.svg);
+  background-size: cover;
+}
+
+/* .#{$prefix}icon-close-m{
+    width:24px;
+    height: 24px;
+    background-image: url(./assets/error-icon.svg);
+    background-size: cover;
+}
+.#{$prefix}icon-close-xl{
+    width:32px;
+    height: 32px;
+    background-image: url(./assets/error-icon.svg);
+    background-size: cover;
+} */
+
+.#{$prefix}icon-loading {
+  // background-image: url(./assets/loading.svg);
+  // -moz-animation: spin .6s infinite linear;
+  // -webkit-animation: spin .6s infinite linear;
+  // animation: spin .6s infinite linear;
+  background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, #0052d9 360deg);
+  border-radius: 50%;
+  -webkit-mask: -webkit-radial-gradient(
+    transparent calc(50% - 0.5px),
+    #fff 50%
+  );
+  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
+}
+
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(359deg);
+  }
+}
+
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+  }
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
+}
+
+.#{$prefix}icon-shutdown {
+  // background-image: url(./assets/shutdown.png);
+}
+
+.#{$prefix}icon-running {
+  // background-image: url(./assets/running.png);
+}
+
+.#{$prefix}icon-error {
+  width: 20px;
+  height: 20px;
+  background-image: url(./assets/error-filled.svg);
+}
+.#{$prefix}icon-error--ring {
+  // background-image: url(./assets/error.svg???);
+}
+
+.#{$prefix}icon-deploy {
+  // background-image: url(./assets/deploy.png);
+  width: 17px;
+  height: 17px;
+}
+
+.#{$prefix}icon-sort {
+  background-image: url(./assets/sort.svg);
+}
+
+.#{$prefix}icon-sortup {
+  background-image: url(./assets/sortup.svg);
+}
+
+.#{$prefix}icon-sortdown {
+  background-image: url(./assets/sortdown.svg);
+}
+
+// .#{$prefix}icon-plaint {
+//     width: 16px;
+//     height: 16px;
+//     background-image: url(./assets/plaint-icon.svg);
+// }
+.#{$prefix}icon-links {
+  width: 14px;
+  height: 13px;
+  // background-image: url(./assets/links-icon.png);
+}
+
+.#{$prefix}icon-btnback {
+  background-image: url(./assets/btnback.svg);
+}
+
+.#{$prefix}icon-client {
+  width: 16px;
+  height: 15px;
+  // background-image: url(./assets/client.png);
+  margin-top: 2px;
+}
+
+.#{$prefix}icon-plus {
+  background-image: url(./assets/plus.svg);
+}
+
+.#{$prefix}icon-minus {
+  background-image: url(./assets/minus.svg);
+}
+
+.#{$prefix}icon-setting {
+  background-image: url(./assets/setting.svg);
+}
+
+.#{$prefix}icon-pencil {
+  background-image: url(./assets/pencil.svg);
+  // &:hover {
+  //     background-image: url(./assets/pencil-icon-hover.svg);
+  // }
+}
+
+.#{$prefix}icon-copy {
+  background-image: url(./assets/copy.svg);
+  // &:hover {
+  //     background-image: url(./assets/copy-icon-hover.svg);
+  // }
+}
+
+.#{$prefix}icon-remind {
+  background-image: url(./assets/remind.svg);
+}
+
+.#{$prefix}icon-dismiss {
+  background-image: url(./assets/dismiss.svg);
+  // &:hover{
+  //   background-image: url(./assets/clear-icon-hover.svg);
+  // }
+}
+.is-disabled .#{$prefix}icon-dismiss {
+  // &:hover {
+  //     background-image: url(./assets/clear-icon.svg);
+  // }
+}
+.#{$prefix}icon-dismiss.size-s {
+  background-image: url(./assets/dismiss.svg);
+}
+
+.#{$prefix}icon-phone {
+  background-image: url(./assets/phone.svg);
+}
+
+.#{$prefix}icon-phonev {
+  background-image: url(./assets/phonev.svg);
+}
+.#{$prefix}icon-phone-error {
+  background-image: url(./assets/phone-error.svg);
+}
+.#{$prefix}icon-phone-warning {
+  background-image: url(./assets/phone-warning.svg);
+}
+
+.#{$prefix}icon-wechat {
+  background-image: url(./assets/wechat.svg);
+}
+
+.#{$prefix}icon-wechatv {
+  background-image: url(./assets/wechatv.svg);
+}
+.#{$prefix}icon-wechat-error {
+  background-image: url(./assets/wechat-error.svg);
+}
+.#{$prefix}icon-wechat-warning {
+  background-image: url(./assets/wechat-warning.svg);
+}
+
+.#{$prefix}icon-email {
+  background-image: url(./assets/email.svg);
+}
+
+.#{$prefix}icon-emailv {
+  background-image: url(./assets/emailv.svg);
+}
+.#{$prefix}icon-email-error {
+  background-image: url(./assets/email-error.svg);
+}
+.#{$prefix}icon-email-warning {
+  background-image: url(./assets/email-warning.svg);
+}
+
+.#{$prefix}icon-qq {
+  background-image: url(./assets/qq.svg);
+}
+
+.#{$prefix}icon-favorable {
+  width: 15px;
+  height: 18px;
+  // background-image: url(./assets/favorable.png);
+}
+
+.#{$prefix}icon-viewgrid {
+  background-image: url(./assets/viewgrid.svg);
+}
+
+// .#{$prefix}icon-viewgrid--blue{
+//     width:16px;
+//     height: 16px;
+//     background-image: url(./assets/th-blue-large-icon.svg);
+// }
+.#{$prefix}icon-viewlist {
+  background-image: url(./assets/viewlist.svg);
+}
+
+// .#{$prefix}icon-viewlist--blue{
+//     width:16px;
+//     height: 16px;
+//     background-image: url(./assets/th-blue-list-icon.svg);
+// }
+.#{$prefix}icon-alarm {
+  width: 15px;
+  height: 14px;
+  // background-image: url(./assets/alarm.svg);
+}
+
+.#{$prefix}icon-monitor {
+  // background-image: url(./assets/monitor.svg);
+}
+
+// .#{$prefix}icon-monitor--gray{
+//     width:16px;
+//     height:16px;
+//     background-image:url(./assets/dosage-icon.svg);
+// }
+.#{$prefix}icon-download {
+  background-image: url(./assets/download.svg);
+}
+
+.#{$prefix}icon-filter {
+  background-image: url(./assets/filter.svg);
+}
+
+// .#{$prefix}icon-filtrate--hover{
+//     width:13px;
+//     height:12px;
+//     background-image: url(./assets/filtrate-hover-icon.png);
+// }
+.#{$prefix}icon-try {
+  width: 19px;
+  height: 19px;
+  // background-image: url(./assets/try.png);
+}
+
+.#{$prefix}icon-convertip--blue {
+  background-image: url(./assets/convertip--blue.svg);
+}
+
+.#{$prefix}icon-convertip {
+  cursor: default;
+  background-image: url(./assets/convertip.svg);
+  // &:hover {
+  //     background-image: url(./assets/convert-ip-ash-icon-hover.svg);
+  // }
+}
+
+.#{$prefix}icon-new {
+  cursor: default;
+  // background-image: url(./assets/new-mark-icon.png);
+}
+
+.#{$prefix}icon-info {
+  background-image: url(./assets/info.svg);
+  cursor: pointer;
+}
+
+// .#{$prefix}icon-error {
+//     background-image: url(./assets/error-icon.svg);
+//     margin-right: 5px;
+// }
+
+/*新图标*/
+
+.#{$prefix}icon-tag {
+  background-image: url(./assets/tag.svg);
+  &:hover {
+    background-image: url(./assets/tag.svg);
+  }
+}
+.#{$prefix}icon-close {
+  background-image: url(./assets/close.svg);
+}
+.#{$prefix}icon-close.size-s {
+  background-image: url(./assets/close-1.svg);
+}
+
+.#{$prefix}icon-arrowup {
+  background-image: url(./assets/arrowup.svg);
+}
+.#{$prefix}icon-arrowup--line {
+  transform: rotate(180deg);
+  background-image: url(./assets/arrowdown--line.svg);
+}
+.#{$prefix}icon-arrowdown {
+  background-image: url(./assets/arrowdown.svg);
+}
+.#{$prefix}icon-arrowdown--line {
+  transform: rotate(0deg);
+  background-image: url(./assets/arrowdown--line.svg);
+}
+.#{$prefix}icon-arrowleft {
+  background-image: url(./assets/arrowleft.svg);
+}
+.#{$prefix}icon-arrowleft--line {
+  transform: rotate(180deg);
+  background-image: url(./assets/arrowright--line.svg);
+}
+.#{$prefix}icon-arrowright {
+  background-image: url(./assets/arrowright.svg);
+}
+.#{$prefix}icon-arrowright--line {
+  background-image: url(./assets/arrowright--line.svg);
+}
+
+.#{$prefix}icon-externallink {
+  background-image: url(./assets/externallink.svg);
+}
+
+.#{$prefix}icon-refresh {
+  background-image: url(./assets/refresh.svg);
+}
+.#{$prefix}icon-refresh-blue {
+  background-image: url(./assets/refresh-blue.svg);
+}
+
+.#{$prefix}icon-fullscreen {
+  background-image: url(./assets/fullsreen.svg);
+}
+
+.#{$prefix}icon-fullscreenquit {
+  background-image: url(./assets/fullscreenquit.svg);
+}
+
+.#{$prefix}icon-delete {
+  background-image: url(./assets/delete.svg);
+}
+
+.#{$prefix}icon-trenddown {
+  background-image: url(./assets/trenddown.svg);
+}
+
+.#{$prefix}icon-trendup {
+  background-image: url(./assets/trendup.svg);
+}
+
+.#{$prefix}icon-drop {
+  // width: 24px;
+  // height: 24px;
+  cursor: move;
+  background-image: url(./assets/drop.svg);
+}
+
+.#{$prefix}icon-news {
+  background-image: url(./assets/news.svg);
+}
+
+.#{$prefix}icon-help {
+  background-image: url(./assets/help.svg);
+  cursor: pointer;
+}
+
+.#{$prefix}icon-pending {
+  background-image: url(./assets/pending.svg);
+}
+.#{$prefix}icon-pending-gray {
+  background-image: url(./assets/pending-gray.svg);
+}
+
+.#{$prefix}icon-pending.size-l {
+  width: 32px;
+  height: 32px;
+  background-image: url(./assets/pending-1.svg);
+}
+
+.#{$prefix}icon-infoblue {
+  width: 20px;
+  height: 20px;
+  background-image: url(./assets/infoblue-filled.svg);
+}
+
+.#{$prefix}icon-infoblue.size-l {
+  width: 32px;
+  height: 32px;
+  background-image: url(./assets/infoblue-1.svg);
+}
+
+.#{$prefix}icon-lastpage {
+  background-image: url(./assets/lastpage.svg);
+}
+.#{$prefix}icon-firstpage {
+  background-image: url(./assets/firstpage.svg);
+}
+
+.#{$prefix}icon-search {
+  background-image: url(./assets/search.svg);
+}
+
+.#{$prefix}icon-transfer {
+  background-image: url(./assets/transfer.svg);
+}
+.#{$prefix}icon-cur {
+  background-image: url(./assets/cur.svg)
+}
+.#{$prefix}icon-cur-active {
+  background-image: url(./assets/cur-active.svg)
+}
+.#{$prefix}icon-fold {
+  background-image: url(./assets/menu-fold.svg)
+}
+.#{$prefix}icon-fold-white {
+  background-image: url(./assets/menu-fold-white.svg)
+}
+
+.#{$prefix}icon-check {
+  background-image: url(./assets/check-1.svg);
+}
+.#{$prefix}icon-check.size-s {
+  background-image: url(./assets/check.svg);
+}
+// 搜索排除
+.#{$prefix}icon-not {
+  background-image: url(./assets/not.svg);
+  // &:hover{
+  //     background-image: url(./assets/icon-not-hover.svg);
+  // }
+}
+// 搜索包含
+.#{$prefix}icon-and {
+  background-image: url(./assets/and.svg);
+  // &:hover{
+  //     background-image: url(./assets/icon-and-hover.svg);
+  // }
+}
+// 放大
+.#{$prefix}icon-zoomout {
+  background-image: url(./assets/zoom-out.svg);
+}
+.#{$prefix}icon-zoomout--white {
+  background-image: url(./assets/zoom-out-white.svg);
+}
+// 缩小
+.#{$prefix}icon-zoomin {
+  background-image: url(./assets/zoom-in.svg);
+}
+// 缩小
+.#{$prefix}icon-zoomin--white {
+  background-image: url(./assets/zoom-in-white.svg);
+}
+.#{$prefix}icon-spin--white {
+  // background-image: url(./assets/spin-white.svg???);
+}
+
+// 表示详情
+.#{$prefix}icon-detail {
+  background-image: url(./assets/detail.svg);
+}
+
+// 展示二维码
+.#{$prefix}icon-qrcode {
+  // background-image: url(./assets/qrcode.svg???);
+}
+.#{$prefix}icon-qrcode-blue {
+  // background-image: url(./assets/qrcode-blue.svg???);
+}
+
+// 数据库
+.#{$prefix}icon-database {
+  background-image: url(./assets/database.svg);
+}
+// 数据表
+.#{$prefix}icon-datasheet {
+  background-image: url(./assets/datasheet.svg);
+}
+// 表格
+.#{$prefix}icon-table {
+  background-image: url(./assets/table.svg);
+}
+.#{$prefix}icon-table-hover {
+  background-image: url(./assets/table-1.svg);
+}
+// 层级/关系
+.#{$prefix}icon-relationship {
+  background-image: url(./assets/relationship.svg);
+}
+.#{$prefix}icon-relationship-hover {
+  background-image: url(./assets/relationship-1.svg);
+}
+// 多行数据
+.#{$prefix}icon-multi-line {
+  background-image: url(./assets/multi-line.svg);
+}
+
+// 铃铛
+.#{$prefix}icon-bell-warning {
+  background-image: url(./assets/bell-warning.svg);
+}
+// 饼状图
+.#{$prefix}icon-chart-pie {
+  background-image: url(./assets/chartpie.svg);
+}
+.#{$prefix}icon-chart-pie-hover {
+  background-image: url(./assets/chartpie-1.svg);
+}
+// 折线图
+.#{$prefix}icon-chart-line {
+  background-image: url(./assets/chartline.svg);
+}
+.#{$prefix}icon-chart-line-hover {
+  background-image: url(./assets/chartline-1.svg);
+}
+// 柱状图
+.#{$prefix}icon-chart-column {
+  background-image: url(./assets/chartcolumn.svg);
+}
+.#{$prefix}icon-chart-column-hover {
+  background-image: url(./assets/chartcolumn-1.svg);
+}
+.#{$prefix}icon-percent {
+  background-image: url(./assets/percent.svg);
+}
+.#{$prefix}icon-percent-blue {
+  background-image: url(./assets/percent-blue.svg);
+}
+ 
+.#{$prefix}flag-Globe--gray {
+    width:16px;
+    height:16px;
+    background-image: url(./assets/globe-gray.svg)
+}
+
+
+// 新增图标
+
+._weda-fn-icon-local{
+  width: 24px;
+  height: 24px;
+  background-image: url(./assets/local.svg);
+}

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

@@ -0,0 +1,12 @@
+._weda-fn-map{
+  &__local{
+    .tea-justify-grid__col--left{
+      display: flex;
+      align-items: center;
+    }
+
+  }
+  &__map{
+    margin-top: 16px;
+  }
+}