@weitutech/by-components 1.0.31 → 1.1.1

package/src/style/custom-column.scss

@@ -1,194 +0,0 @@
-.custom_dialog_class {
-  .el-dialog__header {
-    display: none !important;
-  }
-  .el-dialog__body {
-    padding: 0 0 0 20px !important;
-  }
-  .el-dialog__body {
-    border-top: 0px !important;
-  }
-}
-
-.chosen {
-  border: solid 2px #a48bec !important;
-}
-
-.drag_ul {
-  height: 480px;
-  overflow: hidden;
-  overflow-y: auto;
-}
-
-.remove {
-  padding: 0 10px;
-  border-left: 1px solid #cbcbcb;
-  height: 12px;
-  cursor: pointer;
-}
-
-.icon-box {
-  margin: 0 10px;
-}
-
-.drag_li_text {
-  margin-right: 8px;
-  color: #606266;
-}
-
-.drag_li_box {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 10px;
-  height: 36px;
-  line-height: 36px;
-  color: #cbcbcb;
-  background-color: #fff;
-  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
-  cursor: move;
-}
-
-.fixedClass{
-  width:100%;
-  height: 2px;
-  border-bottom:2px dashed #ccc;
-  padding-top: 10px;
-}
-
-.recover {
-  cursor: pointer;
-  color: #8966f3;
-}
-.drag_text_box {
-  height: 60px;
-  line-height: 60px;
-  margin-left: 5px;
-}
-
-.drag_title {
-  margin: 10px 115px 10px 0;
-  font-size: 14px;
-  font-weight: 700;
-  color: #666;
-}
-
-.box_title {
-  margin: 10px 0;
-  font-size: 14px;
-  font-weight: 700;
-  color: #333;
-}
-
-.drag_box {
-  flex: 1;
-  height: 540px;
-  padding: 0 10px;
-  background-color: #fafafa;
-}
-
-.el-dialog-box {
-  display: flex;
-  height: 550px;
-
-  .left_box {
-    padding-top: 10px;
-    width: 600px;
-  }
-  .right_box {
-    flex: 1;
-  }
-}
-
-.draggable_title{
-  font-size: 12px;
-  font-weight: 700;
-  margin:20px 0 ;
-}
-
-.left_box_body {
-  display: flex;
-  height: 444px;
-  border: 1px solid #ececec;
-  .left_nav {
-    width: 85px;
-    padding: 10px 0 0 10px;
-    border-right: 1px solid #ececec;
-    list-style: none;
-    ul {
-      padding: 0;
-      margin: 0;
-      li {
-        list-style: none;
-        padding: 10px 0;
-        font-weight: 700;
-        color: #333;
-        cursor: pointer;
-      }
-    }
-  }
-  .left_menu {
-    flex: 1;
-    padding: 10px 0 0 20px;
-    overflow: hidden;
-    overflow-y: auto;
-    .checkbox_title {
-      margin: 20px 0;
-
-    }
-    div:nth-child(1) .checkbox_title  {
-      margin-top: 8px;
-    }
-  }
-  .active {
-    color: #8966f3 !important;
-  }
-  ::v-deep {
-    .el-form--label-top .el-form-item__label {
-      padding: 0;
-      font-size: 12px;
-    }
-    .el-radio__label {
-      font-size: 12px !important;
-    }
-  }
-}
-
-.flex {
-  display: flex;
-}
-
-.row-wrap,
-.column-wrap {
-  flex-wrap: wrap;
-}
-
-.column {
-  display: flex;
-  flex-direction: column;
-}
-
-.row.column-c,
-.column.row-c {
-  align-items: center;
-}
-
-.row {
-  display: flex;
-  flex-direction: row;
-}
-
-.row.row-c,
-.column.column-c {
-  justify-content: center;
-}
-.row.row-sb,
-.column.column-sb {
-  justify-content: space-between;
-}
-
-.cell,
-.cell-1 {
-  flex: 1;
-}
-

package/src/style/fold-search.scss

@@ -1,21 +0,0 @@
-.b-fold-search {
-  text-align: center;
-  position: relative;
-  div {
-    display: inline-block;
-    background-color: #fff;
-    cursor: pointer;
-    padding: 0 15px;
-    height: 34px;
-    line-height: 32px;
-    font-size: 14px;
-    border-radius: 0 0 5px 5px;
-  }
-  span {
-    color: #999999;
-  }
-  img {
-    width: 15px;
-    height: 15px;
-  }
-}

package/src/style/form.scss

@@ -1,342 +0,0 @@
-.b-form {
-  .el-input,
-  .el-select {
-    max-width: none !important;
-  }
-  .el-input-group {
-    vertical-align: middle !important;
-  }
-  .el-form-item {
-    margin-bottom: 0px !important;
-  }
-  .el-row {
-    display: flex;
-    flex-wrap: wrap;
-  }
-  .b-picker {
-    display: flex;
-    align-items: center;
-    .btn {
-      display: flex;
-      margin-left: 8px;
-    }
-    .item {
-      color: #606266;
-      font-size: 12px;
-      white-space: nowrap;
-      margin: 0 3px;
-      cursor: pointer;
-    }
-    .item_active {
-      color: #409eff;
-    }
-  }
-  .store-selector {
-    display: flex;
-    .store-select-container {
-      display: inline-block;
-      width: calc(100% - 104px);
-      vertical-align: top;
-      border: solid 1px rgba(0, 0, 0, 0.2);
-      padding: 0 10px;
-      border-radius: 5px;
-      &.shrink {
-        border: none;
-        padding: 0;
-        .el-radio-group {
-        }
-        .el-checkbox-group {
-          overflow: hidden;
-        }
-      }
-    }
-    .selected_all,
-    .store-select-container .el-checkbox {
-      border-width: 1px !important;
-      border-color: transparent;
-      padding: 0 4px !important;
-      margin: 5px 10px 5px 0 !important;
-      &.is-checked {
-        border-color: #409eff;
-      }
-    }
-    .el-radio-group {
-      width: 100% !important;
-    }
-    .el-checkbox-group {
-      line-height: 1;
-      width: 100% !important;
-    }
-    label {
-      margin: 0 10px 0 0 !important;
-      padding: 0 5px !important;
-    }
-    .leave {
-      color: #adadad;
-    }
-    .openShrink {
-      vertical-align: top;
-    }
-  }
-  .consult_select {
-    .consult-select-container {
-      display: inline-block;
-      width: calc(100% - 104px);
-      vertical-align: top;
-      border: solid 1px rgba(0, 0, 0, 0.2);
-      padding: 0 10px;
-      border-radius: 5px;
-
-      &.shrink {
-        border: none;
-        padding: 0;
-
-        .el-radio-group.Eng {
-          visibility: hidden;
-          display: none;
-        }
-
-        .el-checkbox-group {
-          overflow: hidden;
-        }
-      }
-    }
-
-    .selected_all,
-    .consult-select-container .el-checkbox {
-      border-width: 1px !important;
-      border-color: transparent;
-      padding: 0 4px !important;
-      margin: 5px 10px 5px 0 !important;
-
-      &.is-checked {
-        border-color: #409eff;
-      }
-    }
-
-    .el-radio-group {
-      width: 100% !important;
-    }
-
-    .el-checkbox-group {
-      line-height: 1;
-      max-height: 75px;
-      overflow-y: auto;
-      width: 100% !important;
-    }
-    label {
-      margin: 0 10px 0 0 !important;
-      padding: 0 5px !important;
-    }
-    .leave {
-      color: #adadad;
-    }
-    .openShrink {
-      //vertical-align: top;
-    }
-    .el-checkbox__inner {
-      display: none;
-    }
-  }
-  .date-selector {
-    display: inline-block;
-
-    .el-range-editor--large.el-input__inner {
-      height: 36px;
-      line-height: 36px;
-    }
-
-    .el-date-editor {
-      margin-right: 10px;
-      vertical-align: middle;
-
-      ::v-deep .el-range-separator {
-        width: 10%;
-        padding: 0;
-      }
-    }
-
-    .quickBtns {
-      display: inline-block;
-
-      .el-button {
-        color: #606266;
-
-        &.active {
-          color: #409eff;
-        }
-      }
-    }
-  }
-  .store-select-container {
-    display: inline-block;
-    width: calc(100% - 104px);
-    vertical-align: top;
-    border: solid 1px rgba(0, 0, 0, 0.2);
-    padding: 0 10px;
-    border-radius: 5px;
-
-    &.shrink {
-      border: none;
-      padding: 0;
-
-      .el-radio-group.Eng {
-        visibility: hidden;
-        display: none;
-      }
-
-      .el-checkbox-group {
-        overflow: hidden;
-      }
-    }
-  }
-  .dialog {
-    display: flex;
-
-    .dialog-container {
-      height: 60vh;
-      min-width: 50rem;
-
-      .dia-content {
-        position: relative;
-        height: 80%;
-      }
-
-      .selected {
-        position: absolute;
-        right: 0;
-        top: 0;
-        width: 25%;
-        height: calc(100% + 40px);
-        overflow-y: scroll;
-        border: 1px solid #ddd;
-        color: #000;
-
-        .selected-title {
-          display: flex;
-          justify-content: space-between;
-          position: sticky;
-          top: 0;
-          width: 100%;
-          height: 2.5rem;
-          line-height: 2.5rem;
-          font-weight: bold;
-          padding: 0 1.25rem;
-          background-color: #f8f8f8;
-          border-bottom: 1px solid #ddd;
-          z-index: 99;
-
-          .clearAll {
-            font-size: 0.75rem;
-            color: #999;
-            cursor: pointer;
-            font-weight: normal;
-          }
-        }
-
-        .selected-list {
-          padding-left: 0.625rem;
-          padding-bottom: 0.625rem;
-
-          .list-tags {
-            margin-top: 0.625rem;
-
-            .el-tags {
-              width: calc(100% - 10px);
-              color: #000;
-              display: flex;
-              align-items: center;
-            }
-          }
-        }
-      }
-    }
-
-    .dia-title {
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-
-      & > .el-input {
-        margin-right: auto;
-        width: 40%;
-      }
-    }
-
-    .header {
-      margin-top: 0.625rem;
-      height: 40px !important;
-      border: 1px solid #ddd;
-      border-bottom: none;
-      line-height: 40px;
-      background-color: #f8f8f8;
-      width: 74%;
-    }
-
-    .can-add {
-      width: 74%;
-      height: 100%;
-      border: 1px solid #ddd;
-
-      .el-aside {
-        padding-top: 0.625rem;
-
-        .list-list {
-          padding-left: 1.25rem;
-
-          .list-title {
-            height: 1.875rem;
-            line-height: 1.875rem;
-            font-weight: bold;
-          }
-
-          .list-content {
-            padding-left: 1.25rem;
-            color: #666666;
-
-            .list-lists {
-              height: 1.875rem;
-              line-height: 1.875rem;
-              list-style: none;
-              cursor: pointer;
-
-              &:hover {
-                color: #197afb;
-              }
-            }
-          }
-        }
-      }
-
-      .check-content {
-        .check-title {
-          margin-bottom: 1.25rem;
-          font-weight: bold;
-        }
-
-        .check-all {
-          width: 100%;
-          height: 1.875rem;
-          line-height: 1.875rem;
-          padding-left: 0.625rem;
-          border-radius: 0.3125rem;
-          background-color: #eee;
-          font-weight: bold;
-        }
-
-        .check-list {
-          padding-left: 0.625rem;
-
-          .el-checkbox {
-            width: 50%;
-            margin: 0 0 0.625rem 0;
-          }
-        }
-      }
-    }
-
-    .btn {
-      text-align: right;
-    }
-  }
-}

package/src/style/index.scss

@@ -1,6 +0,0 @@
-@import './pager.scss';
-@import './page-search.scss';
-@import './fold-search.scss';
-@import './table.scss';
-@import './form.scss';
-@import './custom-column.scss'

package/src/style/page-search.scss

@@ -1,26 +0,0 @@
-.b-page-search {
-  .footer {
-    position: relative;
-  }
-  .header {
-    color: red;
-  }
-  .btn {
-    display: flex;
-    justify-content: space-between;
-  }
-  .handle-btn {
-    display: flex;
-    flex-wrap: nowrap;
-  }
-  .page-search {
-    /* display: flex; */
-    /* align-items: flex-start; */
-    position: relative;
-  }
-  .fold {
-    position: absolute;
-    bottom: -30px;
-    left: 40%;
-  }
-}

package/src/style/pager.scss

@@ -1,40 +0,0 @@
-#pager {
-  padding: 10px 0;
-  background: #ffffff;
-  border-top: 1px solid #f2f2f3;
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-  ::v-deep {
-    .el-pagination__jump {
-      margin-left: 0;
-    }
-
-    .el-pagination {
-      ul li {
-        border: 1px solid #e7e7f1;
-      }
-
-      button {
-        border: 1px solid #e7e7f1;
-      }
-    }
-
-    .el-pagination.is-background .el-pager li:not(.disabled).active {
-      background-color: #f3f3fe;
-      color: #000;
-    }
-
-    .el-pagination.is-background .btn-prev {
-      background-color: #fff;
-    }
-
-    .el-pagination.is-background .btn-next {
-      background-color: #fff;
-    }
-
-    .el-pagination.is-background .el-pager li {
-      background-color: #fff;
-    }
-  }
-}

package/src/style/table.scss

@@ -1,39 +0,0 @@
-.b-table {
-  .table-row-overflow-line-2 {
-    // 用语文案超出两行打点
-    overflow: hidden;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    line-height: 15px;
-  }
-  .text_pointer_primary {
-    // 模拟Element按钮的text样式 解决在表格中按钮不可以打点问题
-    cursor: pointer;
-    color: #409eff;
-  }
-  .table_wrapper {
-    // 表格外围样式
-    background-color: #ffffff;
-    padding: 10px 10px 0 10px;
-    border-radius: 5px;
-  }
-  .vxe-header--column.group-split,
-  .vxe-body--column.group-split {
-    background: #e8eaec;
-  }
-}
-.table_wrapper {
-  // 表格外围样式
-  background-color: #ffffff;
-  padding: 10px 10px 0 10px;
-  border-radius: 5px;
-}
-
-.form_wrapper {
-  // 表单外围样式
-  background-color: #ffffff;
-  padding: 10px 0 5px 0px;
-  border-radius: 5px;
-}

package/src/utils/index.js

@@ -1,32 +0,0 @@
-export const deepClone = (target) => {
-  // 定义一个变量
-  let result
-  // 如果当前需要深拷贝的是一个对象的话
-  if (typeof target === "object") {
-    // 如果是一个数组的话
-    if (Array.isArray(target)) {
-      result = [] // 将result赋值为一个数组，并且执行遍历
-      for (const i in target) {
-        // 递归克隆数组中的每一项
-        result.push(deepClone(target[i]))
-      }
-      // 判断如果当前的值是null的话；直接赋值为null
-    } else if (target === null) {
-      result = null
-      // 判断如果当前的值是一个RegExp对象的话，直接赋值
-    } else if (target.constructor === RegExp) {
-      result = target
-    } else {
-      // 否则是普通对象，直接for in循环，递归赋值对象的所有值
-      result = {}
-      for (const i in target) {
-        result[i] = deepClone(target[i])
-      }
-    }
-    // 如果不是对象的话，就是基本数据类型，那么直接赋值
-  } else {
-    result = target
-  }
-  // 返回最终结果
-  return result
-}