@weitutech/by-components 1.0.27

package/src/style/custom-column.scss

@@ -0,0 +1,194 @@
+.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

@@ -0,0 +1,21 @@
+.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

@@ -0,0 +1,342 @@
+.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

@@ -0,0 +1,6 @@
+@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

@@ -0,0 +1,26 @@
+.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

@@ -0,0 +1,40 @@
+#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

@@ -0,0 +1,39 @@
+.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

@@ -0,0 +1,32 @@
+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
+}

package/vue.config.js

@@ -0,0 +1,7 @@
+const { defineConfig } = require('@vue/cli-service')
+
+module.exports = defineConfig({
+  transpileDependencies: true,
+  outputDir: 'lib',
+  productionSourceMap: false
+})