@weitutech/by-components 1.0.27 → 1.0.30

package/src/style/form.scss

@@ -1,342 +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;
-    }
-  }
-}
+.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 +1,6 @@
-@import './pager.scss';
-@import './page-search.scss';
-@import './fold-search.scss';
-@import './table.scss';
-@import './form.scss';
-@import './custom-column.scss'
+@import './pager.scss';
+@import './page-search.scss';
+@import './fold-search.scss';
+@import './table.scss';
+@import './form.scss';
+@import './custom-column.scss'