bhd-components 0.6.2 → 0.6.3

package/esm/typings.d.ts

@@ -1 +1,13 @@
 /// <reference types="@ice/pkg/types" />
+
+
+
+declare let __ISONLINE__: boolean
+declare module 'remarkable';
+declare let $:any
+
+declare global {
+    interface window {
+        appendDom: ()=>void
+    }
+  }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhd-components",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "组件功能描述",
   "files": [
     "esm",

package/es2017/customerService/contactsList/index.module.less

@@ -1,208 +0,0 @@
-@import "../../theme/variable.less";
-// @color-background-primary-weak-hover:@color-background-info-weak;
-
-
-
-//联系人列表
-.teacher_layout {
-  position: fixed;
-  right: 568px;
-
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.5);
-  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
-  backdrop-filter: blur(7.5px);
-  width: 80px;
-  .top > div,
-  .bottom > div {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 8px;
-    border-radius: 8px;
-    margin: 8px 0;
-    max-width: 60px;
-    overflow: hidden;
-    position: relative;
-    cursor: pointer;
-    &:hover {
-      background-color: #f5f5f5;
-      .delete {
-        display: block;
-      }
-    }
-    p {
-      max-width: 60px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: @color-text-Secondary-Tr;
-      font-size: 12px;
-      line-height: 1;
-      padding-top: 12px;
-    }
-    img {
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-    }
-    .num {
-      position: absolute;
-      top: 0;
-      right: 0;
-      border-radius: 26px;
-      background-color: #f4523b;
-      color: #fff;
-      padding: 0 5px;
-      border-radius: 25px;
-      font-size: 12px;
-      line-height: 1.2;
-    }
-    .delete {
-      position: absolute;
-      top: 2px;
-      right: 2px;
-      color: rgba(0, 0, 0, 0.65);
-      font-size: 12px;
-      display: none;
-    }
-  }
-  .top > div {
-    margin: 0 8px;
-  }
-  .top .shrink {
-    border-bottom: 1px solid @color-border-secondary;
-    border-radius: 0;
-    margin-bottom: 8px;
-    margin-top: 8px;
-    & > span {
-      font-size: 20px;
-    }
-    p {
-      padding-top: 0;
-    }
-    &:hover {
-      background-color: #fff !important;
-    }
-  }
-  .top .active,
-  .bottom .active {
-    background: @color-background-primary-weak-hover;
-  }
-  .bottom > div:last-child {
-    margin-bottom: 0;
-  }
-  .bottom > div:first-child {
-    margin-top: 0;
-  }
-  .bottom {
-    max-height: 524px;
-    padding: 0 8px;
-    padding-right: 4px;
-    overflow-y: auto;
-    margin-bottom: 8px;
-    margin-top: 8px;
-  }
-  .bottom::-webkit-scrollbar {
-    background-color: #eaedf1;
-    background-color: transparent;
-    width: 4px;
-    height: 4px;
-  }
-  .bottom::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0.25);
-  }
-}
-.teacher_layout_newlabo {
-  top: 50px;
-  right: 0; 
-  .top{
-    svg{
-      transform: rotate(180deg);
-    }
-  }
-} 
-.teacher_layout_modal {
-  width: 328px;
-  height: calc(100% - 48px);
-  background-color: #fff;
-  position: absolute;
-  border-top: 1px solid @color-border-secondary;
-  .top,
-  .bottom {
-    .ai {
-      border-bottom: 1px solid @color-border-secondary;
-      padding: 16px;
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      img {
-        width: 32px;
-        height: 32px;
-        border-radius: 50%;
-        margin-right: 12px;
-      }
-      & > span {
-        margin-right: 12px;
-      }
-      .user_info {
-        width: 252px;
-        .message {
-          color: #000;
-          font-size: 14px;
-          line-height: 1;
-          padding-right: 10px;
-          .num {
-            margin-left: 12px;
-            border-radius: 26px;
-            background-color: #f4523b;
-            color: #fff;
-            padding: 0 5px;
-            border-radius: 25px;
-            font-size: 12px;
-            line-height: 1;
-          }
-
-          .time {
-            font-size: 12px;
-            color: @color-text-quaternary-Tr;
-            float: right;
-          }
-        }
-        .con {
-          color: @color-text-quaternary-Tr;
-          font-size: 12px;
-          line-height: 1.5;
-          margin-top: 8px;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-    .active {
-      background: @color-background-primary-weak-hover;
-    }
-  }
-  .bottom{
-    overflow: auto;
-    height: calc(100% - 70px);
-  }
-  .bottom::-webkit-scrollbar {
-    background-color: #eaedf1;
-    background-color: transparent;
-    width: 4px;
-    height: 4px;
-  }
-  .bottom::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0.25);
-  }
-
-  :global {
-    .anticon {
-      vertical-align: 0;
-    }
-  }
-}

package/es2017/customerService/historyFun/index.module.less

@@ -1,223 +0,0 @@
-@import "../../theme/variable.less";
-// @color-text-primary: @color-background-info-base;
-
-//历史记录11
-.history_list {
-  position: absolute;
-  top: 0;
-  background: rgba(0, 0, 0, 0.3);
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  .search_layout {
-    background: #fff;
-    position: absolute;
-    bottom: -500px;
-    width: 100%;
-    border-radius: 16px 16px 0px 0px;
-    overflow: hidden;
-    animation: mymove 1s forwards;
-    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
-
-    .title {
-      border-bottom: 1px solid @color-border-Tr;
-      font-size: 16px;
-      font-weight: 600;
-      line-height: 150%;
-      padding: 16px 24px;
-      display: flex;
-      justify-content: space-between;
-      svg {
-        font-size: 12px;
-        cursor: pointer;
-        opacity: 0.65;
-        font-weight: 300;
-      }
-    }
-    .search_top {
-      position: relative;
-      margin: 16px 24px;
-      // margin-bottom: 0;
-      // display: flex;
-      // align-items: center;
-      // justify-content: space-between;
-      background-color: #fff;
-
-      input {
-        width: 100%;
-        height: 40px;
-        line-height: 40px;
-        border-radius: 2px;
-        border: 1px solid @color-border-secondary;
-        padding-left: 46px;
-        padding-right: 30px;
-        color: @color-text-Tr;
-      }
-      :global {
-        .anticon {
-          position: absolute;
-          top: 11px;
-          z-index: 1;
-          left: 14px;
-          font-size: 16px;
-          color: rgba(0, 0, 0, 0.65);
-        }
-        .guanbi_Close {
-          position: absolute;
-          top: 3px;
-          right: 38px;
-          font-size: 16px;
-          z-index: 1;
-          color: rgba(0, 0, 0, 0.65);
-          cursor: pointer;
-          svg {
-            font-size: 10px;
-            opacity: 0.65;
-          }
-        }
-      }
-      svg {
-        opacity: 0.65;
-        font-weight: 300;
-      }
-    }
-    .main_list:first-child {
-      margin-top: 0;
-    }
-    .main_list {
-      overflow: auto;
-      height: 510px;
-      &::-webkit-scrollbar {
-        background-color: #eaedf1;
-        background-color: transparent;
-        width: 4px;
-        height: 4px;
-      }
-      &::-webkit-scrollbar-thumb {
-        border-radius: 4px;
-        background-color: rgba(0, 0, 0, 0.25);
-      }
-      .list {
-        margin: 8px 24px;
-        padding: 8px;
-        // border-bottom: 1px solid @color-border-secondary;
-        margin-bottom: 17px;
-        position: relative;
-        cursor: pointer;
-        &:hover {
-          background-color: rgba(0, 0, 0, 0.04);
-          border-radius: 8px;
-        }
-        &::before {
-          content: "";
-          display: inline-block;
-          width: 100%;
-          height: 1px;
-          background-color: @color-border-secondary;
-          position: absolute;
-          bottom: -9px;
-          left: -1px;
-        }
-        .name {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          margin-bottom: 9px;
-          p {
-            color: @color-text-Tr;
-            font-size: 16px;
-            font-weight: 600;
-            line-height: 1.5;
-          }
-          .time {
-            font-size: 14px;
-            color: @color-text-tertiary;
-          }
-        }
-        .con {
-          color: @color-text-Tr;
-          font-size: 14px;
-          font-weight: 400;
-          line-height: 150%;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          -webkit-box-orient: vertical;
-          -webkit-line-clamp: 2;
-          display: -webkit-box;
-          
-          max-height: 40px;
-          word-break: break-all;
-          span {
-            color: @color-text-primary;
-          }
-        }
-      }
-      .no_data{
-        text-align: center;
-        margin-top: 130px;
-        img{
-          width: 160px;
-        }
-        p{
-          margin-top: 24px;
-          color: rgba(0, 0, 0, 0.45);
-          text-align: center;
-          font-size: 14px;
-          line-height: 100%; /* 14px */
-        }
-      }
-    }
-  }
-  @keyframes mymove {
-    from {
-      bottom: -500px;
-    }
-    to {
-      bottom: 0;
-    }
-  }
-
-  @-webkit-keyframes mymove /*Safari and Chrome*/ {
-    from {
-      bottom: -500px;
-    }
-    to {
-      bottom: 0;
-    }
-  }
-
-  :global {
-    .anticon {
-      vertical-align: 0;
-    }
-  }
-}
-//全屏下的历史记录
-.history_list_broadside {
-  width: 417px;
-  height: calc(100% - 48px);
-  right: 0;
-  top: 48px;
-  border-radius: 0;
-  background: transparent;
-  overflow: visible;
-  .search_layout {
-    height: 100%;
-    border-radius: 0;
-    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
-    .search_top{
-      margin: 16px;
-    }
-    .title{
-      padding: 16px;
-    }
-    .main_list {
-      height: calc(100% - 140px);
-      max-height: calc(100% - 140px);
-      .list{
-        margin: 8px 16px 17px;
-      }
-    }
-  }
-}

package/esm/customerService/contactsList/index.module.less

@@ -1,208 +0,0 @@
-@import "../../theme/variable.less";
-// @color-background-primary-weak-hover:@color-background-info-weak;
-
-
-
-//联系人列表
-.teacher_layout {
-  position: fixed;
-  right: 568px;
-
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.5);
-  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
-  backdrop-filter: blur(7.5px);
-  width: 80px;
-  .top > div,
-  .bottom > div {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 8px;
-    border-radius: 8px;
-    margin: 8px 0;
-    max-width: 60px;
-    overflow: hidden;
-    position: relative;
-    cursor: pointer;
-    &:hover {
-      background-color: #f5f5f5;
-      .delete {
-        display: block;
-      }
-    }
-    p {
-      max-width: 60px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: @color-text-Secondary-Tr;
-      font-size: 12px;
-      line-height: 1;
-      padding-top: 12px;
-    }
-    img {
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-    }
-    .num {
-      position: absolute;
-      top: 0;
-      right: 0;
-      border-radius: 26px;
-      background-color: #f4523b;
-      color: #fff;
-      padding: 0 5px;
-      border-radius: 25px;
-      font-size: 12px;
-      line-height: 1.2;
-    }
-    .delete {
-      position: absolute;
-      top: 2px;
-      right: 2px;
-      color: rgba(0, 0, 0, 0.65);
-      font-size: 12px;
-      display: none;
-    }
-  }
-  .top > div {
-    margin: 0 8px;
-  }
-  .top .shrink {
-    border-bottom: 1px solid @color-border-secondary;
-    border-radius: 0;
-    margin-bottom: 8px;
-    margin-top: 8px;
-    & > span {
-      font-size: 20px;
-    }
-    p {
-      padding-top: 0;
-    }
-    &:hover {
-      background-color: #fff !important;
-    }
-  }
-  .top .active,
-  .bottom .active {
-    background: @color-background-primary-weak-hover;
-  }
-  .bottom > div:last-child {
-    margin-bottom: 0;
-  }
-  .bottom > div:first-child {
-    margin-top: 0;
-  }
-  .bottom {
-    max-height: 524px;
-    padding: 0 8px;
-    padding-right: 4px;
-    overflow-y: auto;
-    margin-bottom: 8px;
-    margin-top: 8px;
-  }
-  .bottom::-webkit-scrollbar {
-    background-color: #eaedf1;
-    background-color: transparent;
-    width: 4px;
-    height: 4px;
-  }
-  .bottom::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0.25);
-  }
-}
-.teacher_layout_newlabo {
-  top: 50px;
-  right: 0; 
-  .top{
-    svg{
-      transform: rotate(180deg);
-    }
-  }
-} 
-.teacher_layout_modal {
-  width: 328px;
-  height: calc(100% - 48px);
-  background-color: #fff;
-  position: absolute;
-  border-top: 1px solid @color-border-secondary;
-  .top,
-  .bottom {
-    .ai {
-      border-bottom: 1px solid @color-border-secondary;
-      padding: 16px;
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      img {
-        width: 32px;
-        height: 32px;
-        border-radius: 50%;
-        margin-right: 12px;
-      }
-      & > span {
-        margin-right: 12px;
-      }
-      .user_info {
-        width: 252px;
-        .message {
-          color: #000;
-          font-size: 14px;
-          line-height: 1;
-          padding-right: 10px;
-          .num {
-            margin-left: 12px;
-            border-radius: 26px;
-            background-color: #f4523b;
-            color: #fff;
-            padding: 0 5px;
-            border-radius: 25px;
-            font-size: 12px;
-            line-height: 1;
-          }
-
-          .time {
-            font-size: 12px;
-            color: @color-text-quaternary-Tr;
-            float: right;
-          }
-        }
-        .con {
-          color: @color-text-quaternary-Tr;
-          font-size: 12px;
-          line-height: 1.5;
-          margin-top: 8px;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-    .active {
-      background: @color-background-primary-weak-hover;
-    }
-  }
-  .bottom{
-    overflow: auto;
-    height: calc(100% - 70px);
-  }
-  .bottom::-webkit-scrollbar {
-    background-color: #eaedf1;
-    background-color: transparent;
-    width: 4px;
-    height: 4px;
-  }
-  .bottom::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0.25);
-  }
-
-  :global {
-    .anticon {
-      vertical-align: 0;
-    }
-  }
-}