element-assits 0.0.57 → 0.0.58

package/README.md

@@ -54,6 +54,7 @@ Vue 原型上挂载了 `$asyncLoad` 方法（与asyncLoad相同）
 |     .referenceItemWidth|单项参考宽度|Number|180|
 |     .maxItemWidth|单项最大宽度|Number|240|
 |     .loading|控制更多按钮加载状态|Boolean|false|
+|     .defaultShowAll|搜索条件是否默认展开|Boolean|false|
 |     .column[].exclusiveDoubleCells|允许某一项独占两格|Boolean|false|
 | innerSelection | 内部 - 选中列 | Boolean \| Object | undefined|
 |     .data | 选中的行 | Array | undefined |

package/lib/index.js

@@ -1837,15 +1837,19 @@ const da = Dx.exports, Bx = {
     maxItemWidth: {
       type: Number,
       default: 240
+    },
+    defaultShowAll: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
-    const r = typeof this.limit == "number" ? this.limit : 2;
+    const r = typeof this.limit == "number" ? this.limit : 2, t = this.defaultShowAll;
     return {
       allColumn: [],
       rawColumn: [],
       defaultCount: r,
-      showAll: !1
+      showAll: t
     };
   },
   computed: {
@@ -1853,7 +1857,7 @@ const da = Dx.exports, Bx = {
       return this.allColumn.reduce((r, t) => r += t.exclusiveDoubleCells ? 2 : 1, 0);
     },
     moreIcon() {
-      return this.loading ? "el-icon-loading" : this.showAll ? "el-icon-arrow-up" : "el-icon-more";
+      return this.loading ? "el-icon-loading" : this.showAll && this.allLength > this.defaultCount ? "el-icon-arrow-up" : "el-icon-more";
     },
     moreTooltip() {
       return this.limit !== "all" && this.allLength > this.defaultCount ? this.showAll ? "\u6536\u8D77\u641C\u7D22\u6761\u4EF6" : "\u5C55\u5F00\u66F4\u591A\u641C\u7D22\u6761\u4EF6" : "\u6CA1\u6709\u66F4\u591A\u641C\u7D22\u6761\u4EF6\u4E86";
@@ -1935,7 +1939,11 @@ const da = Dx.exports, Bx = {
       });
     },
     handleMore() {
-      this.limit !== "all" && (this.allLength <= this.defaultCount || (this.showAll = !this.showAll, this.init()));
+      if (this.limit === "all" || this.allLength <= this.defaultCount) {
+        this.showAll = !1;
+        return;
+      }
+      this.showAll = !this.showAll, this.init();
     },
     handleRefresh() {
       this.$emit("refresh");

package/lib/style.scss

@@ -129,6 +129,54 @@ $--background-color-base: #F5F7FA !default;
   transform: scaleY(0);
 }
 
+.ea-select {
+  display: inline-block;
+  position: relative;
+  .el-select {
+    width: 100%;
+  }
+  .async-loading.el-icon-loading {
+    position: absolute;
+    top: 10px;
+    right: 28px;
+    color: #999;
+  }
+}
+.ea-select-popover {
+  .el-select-dropdown__item {
+    display: flex;
+    justify-content: space-between;
+    .select-item-value {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    .select-item-desc {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: #8492a6;
+      margin-left: 8px;
+    }
+  }
+}
+
+.el-dialog.ea-modal {
+  &.is-closing {
+    margin: 0 0 50px !important;
+  }
+  &.is-fullscreen {
+    border-radius: 0;
+    margin: 0;
+  }
+  .el-dialog__header {
+    color: #555;
+    font-size: 18px;
+    .el-dialog__title {
+      color: inherit;
+      font-size: inherit;
+    }
+  }
+}
+
 .ea-data-table {
   .edt-row {
     display: flex;
@@ -168,32 +216,14 @@ $--background-color-base: #F5F7FA !default;
   }
 }
 
-.ea-select {
-  display: inline-block;
-  position: relative;
-  .el-select {
-    width: 100%;
-  }
-  .async-loading.el-icon-loading {
-    position: absolute;
-    top: 10px;
-    right: 28px;
-    color: #999;
-  }
-}
-.ea-select-popover {
-  .el-select-dropdown__item {
-    display: flex;
-    justify-content: space-between;
-    .select-item-value {
-      overflow: hidden;
-      text-overflow: ellipsis;
+.ea-tree {
+  .ea-tree-real {
+    .el-tree-node > .el-tree-node__content{
+      border-radius: 4px;
     }
-    .select-item-desc {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      color: #8492a6;
-      margin-left: 8px;
+    .el-tree-node.is-current > .el-tree-node__content {
+      color: $--color-primary;
+      background-color: rgba($--color-primary, 0.1);
     }
   }
 }
@@ -263,21 +293,11 @@ td {
   }
 }
 
-.el-dialog.ea-modal {
-  &.is-closing {
-    margin: 0 0 50px !important;
-  }
-  &.is-fullscreen {
-    border-radius: 0;
-    margin: 0;
-  }
-  .el-dialog__header {
-    color: #555;
-    font-size: 18px;
-    .el-dialog__title {
-      color: inherit;
-      font-size: inherit;
-    }
+.ea-list {
+  .loading-text {
+    color: $--color-secondary-text;
+    text-align: center;
+    font-size: inherit;
   }
 }
 
@@ -332,16 +352,8 @@ td {
   }
 }
 
-.ea-tree {
-  .ea-tree-real {
-    .el-tree-node > .el-tree-node__content{
-      border-radius: 4px;
-    }
-    .el-tree-node.is-current > .el-tree-node__content {
-      color: $--color-primary;
-      background-color: rgba($--color-primary, 0.1);
-    }
-  }
+.ea-number .el-input__inner {
+  text-align: left;
 }
 
 .ea-desc {
@@ -388,16 +400,31 @@ td {
   }
 }
 
-.ea-list {
-  .loading-text {
-    color: $--color-secondary-text;
-    text-align: center;
-    font-size: inherit;
+.file-upload-dialog {
+  // 拖拽区域铺满
+  .el-upload,
+  .el-upload .el-upload-dragger {
+    width: 100%;
+  }
+  // 文件列表项边框
+  .el-upload-list {
+    .el-upload-list__item {
+      border: 1px dashed #aaa;
+      .el-icon-close {
+        display: inline-block;
+      }
+    }
+  }
+  // 清除文件列表变动过渡动画
+  .el-list-enter,
+  .el-list-enter-active,
+  .el-list-enter-to,
+  .el-list-leave,
+  .el-list-leave-active,
+  .el-list-leave-to {
+    -webkit-transition: none !important;
+    transition: none !important;
   }
-}
-
-.ea-number .el-input__inner {
-  text-align: left;
 }
 
 .ea-data-tree-body {
@@ -456,33 +483,6 @@ td {
   color: $--color-secondary-text;
 }
 
-.file-upload-dialog {
-  // 拖拽区域铺满
-  .el-upload,
-  .el-upload .el-upload-dragger {
-    width: 100%;
-  }
-  // 文件列表项边框
-  .el-upload-list {
-    .el-upload-list__item {
-      border: 1px dashed #aaa;
-      .el-icon-close {
-        display: inline-block;
-      }
-    }
-  }
-  // 清除文件列表变动过渡动画
-  .el-list-enter,
-  .el-list-enter-active,
-  .el-list-enter-to,
-  .el-list-leave,
-  .el-list-leave-active,
-  .el-list-leave-to {
-    -webkit-transition: none !important;
-    transition: none !important;
-  }
-}
-
 .vjs-table {
   position: relative;
   overflow: hidden;
@@ -772,6 +772,38 @@ td {
   margin-bottom: 8px !important;
 }
 
+.ea-switch-mini {
+  .el-switch__core {
+    width: 30px !important;
+    height: 16px;
+    &::after {
+      width: 12px;
+      height: 12px;
+      left: 2px;
+    }
+  }
+  &.is-checked .el-switch__core::after {
+    margin-left: -13px;
+  }
+}
+
+.ea-form .el-form-item__content {
+  & > .el-input-number,
+  & > .el-input,
+  & > .ea-select,
+  & > .el-select {
+    width: 100%;
+  }
+}
+.ea-form .el-form-item.hidden-label {
+  > .el-form-item__label {
+    display: none;
+  }
+  > .el-form-item__content {
+    width: 100%;
+  }
+}
+
 .ea-select-container {
   display: flex;
   justify-content: flex-start;
@@ -811,35 +843,3 @@ td {
     }
   }
 }
-
-.ea-form .el-form-item__content {
-  & > .el-input-number,
-  & > .el-input,
-  & > .ea-select,
-  & > .el-select {
-    width: 100%;
-  }
-}
-.ea-form .el-form-item.hidden-label {
-  > .el-form-item__label {
-    display: none;
-  }
-  > .el-form-item__content {
-    width: 100%;
-  }
-}
-
-.ea-switch-mini {
-  .el-switch__core {
-    width: 30px !important;
-    height: 16px;
-    &::after {
-      width: 12px;
-      height: 12px;
-      left: 2px;
-    }
-  }
-  &.is-checked .el-switch__core::after {
-    margin-left: -13px;
-  }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-assits",
-  "version": "0.0.57",
+  "version": "0.0.58",
   "description": "element-ui 的扩展组件库",
   "main": "lib/index.js",
   "type": "module",