element-assits 0.0.51 → 0.0.53

package/README.md

@@ -85,7 +85,7 @@ Vue 原型上挂载了 `$asyncLoad` 方法（与asyncLoad相同）
 #### events
 | 事件名  | 说明 | 参数 |
 |:---|:---|:---|
-|search-reset| 搜索重置事件|callback 重置表单并搜索（不监听时默认行为） <br> reset 仅重置表单<br> search 仅搜索 |
+|search-reset| 搜索重置事件|params.callback 重置表单并搜索（不监听时默认行为） <br> params.reset 仅重置表单<br> params.search 仅搜索 |
 #### column-attributes
 | 属性名 | 类型 | 默认值 | 说明 |
 |:---|:---|:---|:---|
@@ -178,7 +178,7 @@ Vue 原型上挂载了 `$asyncLoad` 方法（与asyncLoad相同）
 ### 开关 EaSwitch
 额外支 size="mini" 尺寸
 
-### 滚动容器 EaScroll
+### 滚动容器 EaScrollbar
 el-scrollbar 衍生，优化样式
 #### props
 | 属性名 | 说明 | 类型 | 默认值 |

package/lib/index.js

@@ -2072,34 +2072,31 @@ class Xx {
   constructor(n, i) {
     this.o = new Array(n.length).fill(0), this.isTrigger = !1, this.callback = i;
   }
-  add({ $index: n }, i) {
-    this.isTrigger || (this.o[n] = i.map((o) => {
-      const u = Rt(o, "componentInstance.$el.innerText");
-      return Math.max(u && u.length, 2) * 14 + 14 + 9;
-    }).reduce((o, u) => o + u, 0) + 14 * 3 + 20, this.o.every(Boolean) && (this.isTrigger = !0, this.callback(Math.max(...this.o))));
+  add({ $index: n }, i, o) {
+    this.isTrigger || (this.o[n] = i.map((u) => {
+      const d = Rt(u, "componentInstance.$el");
+      return Math.max((d && d.offsetWidth || 0) + 10, 50);
+    }).reduce((u, d) => u + d, 0) + 20 + (o ? 50 : 0), this.o.every(Boolean) && (this.isTrigger = !0, this.callback(Math.max(...this.o))));
   }
 }
 function $u(r = 3) {
   const n = this;
   let i, o;
   try {
-    const u = Cu.bind(this)({ row: {}, column: {} });
-    if (i = u.some((d) => d.tag), !(r > 0))
-      throw new Error();
-    if (r === u.length)
+    if (i = Cu.bind(this)({ row: {}, column: {} }).some((d) => d.tag), !(r > 0))
       throw new Error();
     o = {
       props: { scope: { type: Object, default: void 0 } },
       data() {
-        const d = Cu.bind(n)(this.scope).filter((b) => b.tag), g = d.slice(0, r - 1), m = d.slice(r - 1);
+        const d = Cu.bind(n)(this.scope).filter((S) => S.tag), g = d.length > r ? r - 1 : r, m = d.slice(0, g), b = d.slice(g);
         return {
-          children: g,
-          moreChildren: m
+          children: m,
+          moreChildren: b
         };
       },
       mounted() {
         var d;
-        (d = n.fitOpt) == null || d.add(this.scope, this.children);
+        (d = n.fitOpt) == null || d.add(this.scope, this.children, this.moreChildren.length);
       },
       render(d) {
         return d("div", [
@@ -2363,7 +2360,7 @@ const Zx = {
       this.getList();
     },
     handleReset({ callback: r, reset: n, search: i }) {
-      this.$listeners["search-reset"] ? this.$emit("search-reset", r, n, i) : r && r();
+      this.$listeners["search-reset"] ? this.$emit("search-reset", { callback: r, reset: n, search: i }) : r && r();
     },
     handleClear() {
       this.tableData = [], this.page.total = 0;

package/lib/style.scss

@@ -11,6 +11,123 @@ $--color-border-base: #DCDFE6 !default;
 $--color-border-light: #E4E7ED !default;
 $--color-border-lighter: #EBEEF5 !default;
 $--color-border-extralight: #F2F6FC !default;
+// table
+.ea-table {
+  // 表格头部样式美化
+  .el-table {
+    th {
+      background-color: $--color-border-extralight;
+      color: $--color-primary-text;
+      .cell {
+        min-height: 30px;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+      }
+      &.is-center .cell { justify-content: center }
+      &.is-right .cell { justify-content: flex-end }
+    }
+    td, th {
+      .cell {
+        line-height: 1.2;
+      }
+    }
+    &.el-table--small {
+      td, th {
+        height: 48px;
+      }
+    }
+    &.is-dense {
+      td, th {
+        height: 32px;
+        padding: 2px 0;
+        .el-button {
+          padding-top: 0;
+          padding-bottom: 0;
+        }
+      }
+    }
+  }
+  // 列的更多菜单项
+  .theader-th-cell {
+    .cell-icon-menu {
+      position: absolute;
+      top: 50%;
+      right: 4px;
+      transform: rotate(90deg) translateX(-50%);
+      color: $--color-placeholder-text;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 2px;
+      &:hover {
+        color: $--color-primary-text;
+        background-color: $--color-border-light;
+      }
+    }
+  }
+  // 表格底部
+  .ea-table__footer {
+    display: flex;
+    justify-content: space-between;
+    .ea-table__footer-right {
+      margin-left: auto;
+      padding-right: 0;
+    }
+    > * {
+      margin-top: 12px;
+    }
+  }
+
+  .column-transition-active {
+    opacity: 0.33;
+  }
+
+  .el-button > i {
+    min-width: 12px;
+  }
+
+  .more-btn > i{
+    transform: rotate(-90deg);
+  }
+}
+
+// table - popover
+.el-popover.ea-popover-no-padding {
+  padding: 8px 0;
+  min-width: 100px;
+  &.dense {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    min-width: 70px;
+  }
+}
+
+.more-btn-panel {
+  &__item {
+    &:hover {
+      background-color: $--color-border-lighter;
+    }
+    .el-button {
+      padding: 8px 12px;
+      width: 100%;
+      text-align: left;
+    }
+  }
+}
+
+.ea-zoom-in-top-enter-active,
+.ea-zoom-in-top-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+}
+.ea-zoom-in-top-enter,
+.ea-zoom-in-top-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
 .ea-select {
   display: inline-block;
   position: relative;
@@ -41,6 +158,63 @@ $--color-border-extralight: #F2F6FC !default;
   }
 }
 
+.ea-data-table {
+  .edt-row {
+    display: flex;
+    .edt-cell {
+      padding: 0 8px;
+      flex: 0 0 auto;
+      box-sizing: border-box;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      word-break: break-all;
+    }
+    &.edt-header {
+      background-color: $--color-border-extralight;
+      color: $--color-primary-text;
+    }
+  }
+  &--border {
+    border: 1px solid $--color-border-light;
+    .edt-row {
+      .edt-cell {
+        border-bottom: 1px solid $--color-border-light;
+        border-left: 1px solid $--color-border-light;
+        &:first-child {
+          border-left: 0;
+        }
+      }
+      &:last-child .edt-cell{
+        border-bottom: 0;
+      }
+    }
+  }
+  .loading-text {
+    color: $--color-secondary-text;
+    text-align: center;
+    font-size: inherit;
+  }
+}
+
+.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-button-tooltip + .ea-button-tooltip {
   margin-left: 10px;
 }
@@ -106,63 +280,6 @@ td {
   }
 }
 
-.ea-data-table {
-  .edt-row {
-    display: flex;
-    .edt-cell {
-      padding: 0 8px;
-      flex: 0 0 auto;
-      box-sizing: border-box;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      word-break: break-all;
-    }
-    &.edt-header {
-      background-color: $--color-border-extralight;
-      color: $--color-primary-text;
-    }
-  }
-  &--border {
-    border: 1px solid $--color-border-light;
-    .edt-row {
-      .edt-cell {
-        border-bottom: 1px solid $--color-border-light;
-        border-left: 1px solid $--color-border-light;
-        &:first-child {
-          border-left: 0;
-        }
-      }
-      &:last-child .edt-cell{
-        border-bottom: 0;
-      }
-    }
-  }
-  .loading-text {
-    color: $--color-secondary-text;
-    text-align: center;
-    font-size: inherit;
-  }
-}
-
-.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-tree {
   .ea-tree-real {
     .el-tree-node > .el-tree-node__content{
@@ -175,21 +292,69 @@ td {
   }
 }
 
-.ea-split-container {
-  display: flex;
-  &.is-down {
-    user-select: none;
-  }
-  .sc-left {
-    flex-grow: 1;
-    flex-shrink: 1;
+.ea-number .el-input__inner {
+  text-align: left;
+}
+
+.ea-desc {
+  font-size: 14px;
+  &__title {
+    font-size: 16px;
+    margin-bottom: 12px;
   }
-  .sc-right {
-    flex-grow: 1;
-    flex-shrink: 1;
+  &__list {
+    display: flex;
+    flex-wrap: wrap;
   }
-  .sc-center {
-    flex-grow: 0;
+}
+.ea-desc .item {
+  line-height: 24px;
+  margin-bottom: 10px;
+  flex: 0 0 auto;
+  .item-label {
+    float: left;
+    text-align: right;
+    padding-right: 8px;
+    color: #909399;
+  }
+  .item-value {
+    word-break: break-all;
+    overflow: hidden;
+    .value-no-wrap {
+      height: 48px;
+      overflow: hidden;
+      position: relative;
+      .click-see-more {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        height: 24px;
+        padding-left: 30px;
+        padding-right: 4px;
+        background-image: linear-gradient(to right, transparent 0%, #fff 20%, #fff 100%);
+        cursor: pointer;
+        color: $--color-primary;
+        user-select: none;
+      }
+    }
+  }
+}
+
+.ea-split-container {
+  display: flex;
+  &.is-down {
+    user-select: none;
+  }
+  .sc-left {
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
+  .sc-right {
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
+  .sc-center {
+    flex-grow: 0;
     flex-shrink: 0;
     position: relative;
   }
@@ -234,54 +399,6 @@ td {
   }
 }
 
-.ea-number .el-input__inner {
-  text-align: left;
-}
-
-.ea-desc {
-  font-size: 14px;
-  &__title {
-    font-size: 16px;
-    margin-bottom: 12px;
-  }
-  &__list {
-    display: flex;
-    flex-wrap: wrap;
-  }
-}
-.ea-desc .item {
-  line-height: 24px;
-  margin-bottom: 10px;
-  flex: 0 0 auto;
-  .item-label {
-    float: left;
-    text-align: right;
-    padding-right: 8px;
-    color: #909399;
-  }
-  .item-value {
-    word-break: break-all;
-    overflow: hidden;
-    .value-no-wrap {
-      height: 48px;
-      overflow: hidden;
-      position: relative;
-      .click-see-more {
-        position: absolute;
-        right: 0;
-        bottom: 0;
-        height: 24px;
-        padding-left: 30px;
-        padding-right: 4px;
-        background-image: linear-gradient(to right, transparent 0%, #fff 20%, #fff 100%);
-        cursor: pointer;
-        color: $--color-primary;
-        user-select: none;
-      }
-    }
-  }
-}
-
 .file-upload-dialog {
   // 拖拽区域铺满
   .el-upload,
@@ -309,29 +426,22 @@ td {
   }
 }
 
-.vjs-table {
-  position: relative;
-  overflow: hidden;
-}
-.vjs-header {
-  position: absolute;
-  top: 0;
-  border: 1px solid $--color-border-light;
-  border-bottom: 0;
-}
-.vjs-body {
-  border: 1px solid $--color-border-light;
+.ea-data-tree-body {
+  &.ea-data-tree-body__border {
+    border: 1px solid $--color-border-light;
+  }
 }
 
-.vjs-row {
+.ea-data-tree-row {
   height: 32px;
   line-height: 32px;
   display: flex;
   justify-content: flex-start;
   position: relative;
+  padding-left: 20px;
   &.odd { background-color: #F8F8F8; }
-  &:not(.vjs-header):hover { background-color: #EBEEF5; }
-  .vjs-cell {
+  &:hover { background-color: #EBEEF5; }
+  .ea-data-tree-cell {
     flex: 0 0 auto;
     height: 100%;
     font-size: 14px;
@@ -342,21 +452,12 @@ td {
     text-overflow: ellipsis;
     white-space: nowrap;
     word-break: break-all;
-    & > .el-tag {
-      vertical-align: 1px;
-    }
-    &.vjs-cell-flex {
-      flex-grow: 1;
-    }
-    &.error {
-      border: 1px solid red;
-    }
-    & > .vjs-checkbox {
+    & > .ea-data-tree-checkbox {
       position: absolute;
       top: 0;
     }
   }
-  .vjs-icon {
+  .ea-data-tree-icon {
     cursor: pointer;
     position: absolute;
     height: 100%;
@@ -368,162 +469,43 @@ td {
       color: #333;
     }
   }
-  .vjs-temp {
-    color: #909399;
-  }
 }
 
-.vjs-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+.ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
   background-color: $--color-secondary-text;
   border-color: $--color-secondary-text;
 }
 
-.cell-text {
-  height: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-break: break-all;
-  .cell-placeholder {
-    color: #C0C4CC;
-  }
-}
-
-.cell-input {
-  display: block;
-  height: 30px;
-  line-height: 30px;
-  font-size: inherit;
-  color: inherit;
-  font-family: inherit;
-  margin-left: -4.7px;
-  .el-input__inner {
-    border-radius: 0;
-    font-size: inherit;
-    color: inherit;
-    font-family: inherit;
-    padding-left: 4px;
-  }
-}
-
-.cell-select {
-  cursor: pointer;
-  &:not(.is-disabled):hover {
-    border-width: 0;
-    border-bottom-width: 1.5px;
-    border-style: solid;
-  }
-  &.is-disabled {
-    cursor: default;
-  }
-}
-
-.cell-required {
-  width: 100%;
-  height: 100%;
+.ea-data-tree-empty {
   display: flex;
+  justify-content: center;
   align-items: center;
-  .box {
-    width: 20px;
-    height: 20px;
-    box-sizing: border-box;
-    border-radius: 4px;
-    cursor: pointer;
-    user-select: none;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding-top: 4px;
-    color: #DDD;
-    background-color: rgba(0, 0, 0, 0.02);
-    &:not(.is-disabled):hover {
-      color: #999;
-      background-color: rgba(0, 0, 0, 0.05);
-    }
-    &.is-disabled {
-      cursor: default;
-      color: transparent;
-      background-color: transparent;
-    }
-    &.is-required, &.is-required:hover {
-      color: red;
-      background-color: rgba(0, 0, 0, 0.08);
-    }
-  }
-}
-
-.cell-action {
-  width: 80px;
-  i {
-    cursor: pointer;
-    font-size: 16px;
-    padding: 4px;
-    border-radius: 4px;
-    &:hover {
-      background-color: rgba(0,0,0,0.1);
-    }
-  }
-}
-.action-popover {
-  margin: 0 !important;
-}
-
-.ea-blue {
-  color: #409EFF;
-}
-.ea-purple {
-  color: #EE46BC !important;
-}
-.ea-success {
-  color: $--color-success;
-}
-.ea-danger {
-  color: $--color-danger;
-}
-.ea-info {
-  color: $--color-info;
-}
-.ea-placeholder {
-  color: $--color-placeholder-text !important;
-}
-
-.ea-popover-no-margin {
-  margin: 0 !important;
+  color: $--color-secondary-text;
 }
 
-@font-face {
-  font-family: 'eafont';
-  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQYAAsAAAAACMAAAAPLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqFDIRVATYCJAMQCwoABCAFhE8HQBu9BxEVnLHIfibwpknuXkitybkhDKpb3+RDeb1vMhOsa34zn2ST3rpbnaQ7jZOwi3OelIhQI3mLHn0haTkDFEZf6SdAAFkA/M/ltDHxABvfAoC7xti0t5dlvehe2rbAxhiUbfFAIsy8BXYOdTBB14AA0MJNMC4yOjETxsayzmZMwiDhCeDmksa6mjJIdwNYCkIgqYW8KxnIUvAAt4C7BGCJ+XnyER5JAAeeQtontTqqEsfe4I0bVawK6CPoOBDgaA4AD4ACcOqZidSmO8pB7bATCm1ckMEHOCiBA2ptM75xs1pZNCqFJDsBrvSfRwRICj1SvSIUeAOVBxzwxiiIU7qhaAUUTF8hARgJuAwQV0iaKfUsFCCNNxhGG7SjtYaxY4lGRgbuZDNvZTJvZzHv5riIWmmOGkzUuxFVl27lVB+9q7OkJEK51XPw7m2JcOs9dwL05isn1JNXdWXmfZuUzfstB7eqWw5k6s2HlMM6wyq1Ur1793aQwXL5uHLsklZ/6NadO2U+61H1yA23UsnOr6+wtChXH3JzL0iKIqt5uRoraFeuoKtaqxwuXs18qMz+If6j7B2qsiLTw2vHNIy5EZqYFJ8wvXp6reO9qIzItHL7SvuHY/ODcgM9ijxLm3N3HC3PcEt1dU11yygPdexWfv+Wuh0fmn/+fNVmI0fPkm3aUP9WzjNlTw6OGJcrozrKqO8IucXmW0liyTebp7aTH2z22fzAhy47ZeszcZbHrIk+a4L33vHyySlyqtG1ZtO2tHrQABahETOU7ZxfsjesIuV4ZLq7Z3rkXFJQo3Ome47HpVDPqpj+GrkyMLBSrvlKKHWuDKyRv1Ja3NHQyZE+ckXTJKc/WgEA1hN0Fw03WR/pMjpOe4ySKuya+Q6+fCl7UmKSv0k6BgB4ydgfclmPMZQTHnNhbsEVoizMWZJ9PQBjcRJVdNU5MiHdgxwArWwGLok4MMqTOlSjORsgEDDaBQ4iJgKFgBlERrUBHjo4yQRZ5YughaOg9TqMVgsKwjQAbAwAeAi9jcAx2gyU3kEio54F3jg/EOi9B63s/246NiVcehQjapAbOMWZFPuIQs98opmi6D1CHPXFfnCcoS6qQOyBGfuiC4bZNONIQD0nuBc4K0aGtmePaizsOLbnsqS4mxSK0+7SoxhRA7kBpziTzo/XCHfcE80URbmiOYjfcD847g5qhSqV+FBkKtjy/GE2jXEkQJ98TuDeiizKYQZt/DCPaizYEsH2rKRSlFdRjEmVNmkNgJZ0EIsjlDDCQ9oNQkbUp1VJPSXucbcDAA==') format('woff2');
+.vjs-table {
+  position: relative;
+  overflow: hidden;
 }
-.eafont {
-  font-family: eafont;
-  font-style: normal;
-  font-size: 16px;
-  color: #909399;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+.vjs-header {
+  position: absolute;
+  top: 0;
+  border: 1px solid $--color-border-light;
+  border-bottom: 0;
 }
-.ea-icon-disabled:before { content: "\e630" }
-.ea-icon-conf:before { content: "\e600" }
-.ea-icon-more:before { content: "\e60e" }
-.eafont.ea-icon-conf.has { color: #000 }
-
-.ea-data-tree-body {
-  &.ea-data-tree-body__border {
-    border: 1px solid $--color-border-light;
-  }
+.vjs-body {
+  border: 1px solid $--color-border-light;
 }
 
-.ea-data-tree-row {
+.vjs-row {
   height: 32px;
   line-height: 32px;
   display: flex;
   justify-content: flex-start;
   position: relative;
-  padding-left: 20px;
   &.odd { background-color: #F8F8F8; }
-  &:hover { background-color: #EBEEF5; }
-  .ea-data-tree-cell {
+  &:not(.vjs-header):hover { background-color: #EBEEF5; }
+  .vjs-cell {
     flex: 0 0 auto;
     height: 100%;
     font-size: 14px;
@@ -534,12 +516,21 @@ td {
     text-overflow: ellipsis;
     white-space: nowrap;
     word-break: break-all;
-    & > .ea-data-tree-checkbox {
+    & > .el-tag {
+      vertical-align: 1px;
+    }
+    &.vjs-cell-flex {
+      flex-grow: 1;
+    }
+    &.error {
+      border: 1px solid red;
+    }
+    & > .vjs-checkbox {
       position: absolute;
       top: 0;
     }
   }
-  .ea-data-tree-icon {
+  .vjs-icon {
     cursor: pointer;
     position: absolute;
     height: 100%;
@@ -551,172 +542,145 @@ td {
       color: #333;
     }
   }
+  .vjs-temp {
+    color: #909399;
+  }
 }
 
-.ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+.vjs-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
   background-color: $--color-secondary-text;
   border-color: $--color-secondary-text;
 }
 
-.ea-data-tree-empty {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: $--color-secondary-text;
-}
-
-// table
-.ea-table {
-  // 表格头部样式美化
-  .el-table {
-    th {
-      background-color: $--color-border-extralight;
-      color: $--color-primary-text;
-      .cell {
-        min-height: 30px;
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-      }
-      &.is-center .cell { justify-content: center }
-      &.is-right .cell { justify-content: flex-end }
-    }
-    td, th {
-      .cell {
-        line-height: 1.2;
-      }
-    }
-    &.el-table--small {
-      td, th {
-        height: 48px;
-      }
-    }
-    &.is-dense {
-      td, th {
-        height: 32px;
-        padding: 2px 0;
-        .el-button {
-          padding-top: 0;
-          padding-bottom: 0;
-        }
-      }
-    }
-  }
-  // 列的更多菜单项
-  .theader-th-cell {
-    .cell-icon-menu {
-      position: absolute;
-      top: 50%;
-      right: 4px;
-      transform: rotate(90deg) translateX(-50%);
-      color: $--color-placeholder-text;
-      cursor: pointer;
-      padding: 4px;
-      border-radius: 2px;
-      &:hover {
-        color: $--color-primary-text;
-        background-color: $--color-border-light;
-      }
-    }
-  }
-  // 表格底部
-  .ea-table__footer {
-    display: flex;
-    justify-content: space-between;
-    .ea-table__footer-right {
-      margin-left: auto;
-      padding-right: 0;
-    }
-    > * {
-      margin-top: 12px;
-    }
-  }
-
-  .column-transition-active {
-    opacity: 0.33;
+.cell-text {
+  height: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: break-all;
+  .cell-placeholder {
+    color: #C0C4CC;
   }
+}
 
-  .el-button > i {
-    min-width: 12px;
+.cell-input {
+  display: block;
+  height: 30px;
+  line-height: 30px;
+  font-size: inherit;
+  color: inherit;
+  font-family: inherit;
+  margin-left: -4.7px;
+  .el-input__inner {
+    border-radius: 0;
+    font-size: inherit;
+    color: inherit;
+    font-family: inherit;
+    padding-left: 4px;
   }
+}
 
-  .more-btn > i{
-    transform: rotate(-90deg);
+.cell-select {
+  cursor: pointer;
+  &:not(.is-disabled):hover {
+    border-width: 0;
+    border-bottom-width: 1.5px;
+    border-style: solid;
+  }
+  &.is-disabled {
+    cursor: default;
   }
 }
 
-// table - popover
-.el-popover.ea-popover-no-padding {
-  padding: 8px 0;
-  min-width: 100px;
-  &.dense {
-    margin-top: 0px;
-    margin-bottom: 0px;
-    min-width: 70px;
+.cell-required {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  .box {
+    width: 20px;
+    height: 20px;
+    box-sizing: border-box;
+    border-radius: 4px;
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-top: 4px;
+    color: #DDD;
+    background-color: rgba(0, 0, 0, 0.02);
+    &:not(.is-disabled):hover {
+      color: #999;
+      background-color: rgba(0, 0, 0, 0.05);
+    }
+    &.is-disabled {
+      cursor: default;
+      color: transparent;
+      background-color: transparent;
+    }
+    &.is-required, &.is-required:hover {
+      color: red;
+      background-color: rgba(0, 0, 0, 0.08);
+    }
   }
 }
 
-.more-btn-panel {
-  &__item {
+.cell-action {
+  width: 80px;
+  i {
+    cursor: pointer;
+    font-size: 16px;
+    padding: 4px;
+    border-radius: 4px;
     &:hover {
-      background-color: $--color-border-lighter;
-    }
-    .el-button {
-      padding: 8px 12px;
-      width: 100%;
-      text-align: left;
+      background-color: rgba(0,0,0,0.1);
     }
   }
 }
+.action-popover {
+  margin: 0 !important;
+}
 
-.ea-zoom-in-top-enter-active,
-.ea-zoom-in-top-leave-active {
-  opacity: 1;
-  transform: scaleY(1);
-  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
-  transform-origin: center top;
+.ea-blue {
+  color: #409EFF;
 }
-.ea-zoom-in-top-enter,
-.ea-zoom-in-top-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
+.ea-purple {
+  color: #EE46BC !important;
 }
-
-.ea-form .form-group-title {
-  position: relative;
-  height: 32px;
-  margin-bottom: 22px;
-  > span {
-    position: absolute;
-    top: 0;
-    left: 20%;
-    padding: 5px 25px;
-    background-color: #fff;
-    z-index: 1;
-    color: $--color-secondary-text;
-  }
-  &::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 0;
-    width: 100%;
-    height: 0;
-    border-bottom: 1px dashed $--color-border-base;
-  }
+.ea-success {
+  color: $--color-success;
+}
+.ea-danger {
+  color: $--color-danger;
+}
+.ea-info {
+  color: $--color-info;
+}
+.ea-placeholder {
+  color: $--color-placeholder-text !important;
 }
 
-.conf-header {
-  border-bottom: 1px solid #DDD;
-  padding-bottom: 10px;
-  margin-bottom: 10px;
+.ea-popover-no-margin {
+  margin: 0 !important;
 }
-.conf-body {
-  width: 300px;
+
+@font-face {
+  font-family: 'eafont';
+  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQYAAsAAAAACMAAAAPLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqFDIRVATYCJAMQCwoABCAFhE8HQBu9BxEVnLHIfibwpknuXkitybkhDKpb3+RDeb1vMhOsa34zn2ST3rpbnaQ7jZOwi3OelIhQI3mLHn0haTkDFEZf6SdAAFkA/M/ltDHxABvfAoC7xti0t5dlvehe2rbAxhiUbfFAIsy8BXYOdTBB14AA0MJNMC4yOjETxsayzmZMwiDhCeDmksa6mjJIdwNYCkIgqYW8KxnIUvAAt4C7BGCJ+XnyER5JAAeeQtontTqqEsfe4I0bVawK6CPoOBDgaA4AD4ACcOqZidSmO8pB7bATCm1ckMEHOCiBA2ptM75xs1pZNCqFJDsBrvSfRwRICj1SvSIUeAOVBxzwxiiIU7qhaAUUTF8hARgJuAwQV0iaKfUsFCCNNxhGG7SjtYaxY4lGRgbuZDNvZTJvZzHv5riIWmmOGkzUuxFVl27lVB+9q7OkJEK51XPw7m2JcOs9dwL05isn1JNXdWXmfZuUzfstB7eqWw5k6s2HlMM6wyq1Ur1793aQwXL5uHLsklZ/6NadO2U+61H1yA23UsnOr6+wtChXH3JzL0iKIqt5uRoraFeuoKtaqxwuXs18qMz+If6j7B2qsiLTw2vHNIy5EZqYFJ8wvXp6reO9qIzItHL7SvuHY/ODcgM9ijxLm3N3HC3PcEt1dU11yygPdexWfv+Wuh0fmn/+fNVmI0fPkm3aUP9WzjNlTw6OGJcrozrKqO8IucXmW0liyTebp7aTH2z22fzAhy47ZeszcZbHrIk+a4L33vHyySlyqtG1ZtO2tHrQABahETOU7ZxfsjesIuV4ZLq7Z3rkXFJQo3Ome47HpVDPqpj+GrkyMLBSrvlKKHWuDKyRv1Ja3NHQyZE+ckXTJKc/WgEA1hN0Fw03WR/pMjpOe4ySKuya+Q6+fCl7UmKSv0k6BgB4ydgfclmPMZQTHnNhbsEVoizMWZJ9PQBjcRJVdNU5MiHdgxwArWwGLok4MMqTOlSjORsgEDDaBQ4iJgKFgBlERrUBHjo4yQRZ5YughaOg9TqMVgsKwjQAbAwAeAi9jcAx2gyU3kEio54F3jg/EOi9B63s/246NiVcehQjapAbOMWZFPuIQs98opmi6D1CHPXFfnCcoS6qQOyBGfuiC4bZNONIQD0nuBc4K0aGtmePaizsOLbnsqS4mxSK0+7SoxhRA7kBpziTzo/XCHfcE80URbmiOYjfcD847g5qhSqV+FBkKtjy/GE2jXEkQJ98TuDeiizKYQZt/DCPaizYEsH2rKRSlFdRjEmVNmkNgJZ0EIsjlDDCQ9oNQkbUp1VJPSXucbcDAA==') format('woff2');
 }
-.dense-much .el-form-item {
-  margin-bottom: 8px !important;
+.eafont {
+  font-family: eafont;
+  font-style: normal;
+  font-size: 16px;
+  color: #909399;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
+.ea-icon-disabled:before { content: "\e630" }
+.ea-icon-conf:before { content: "\e600" }
+.ea-icon-more:before { content: "\e60e" }
+.eafont.ea-icon-conf.has { color: #000 }
 
 .ea-table-modal {
   overflow: visible;
@@ -772,36 +736,40 @@ td {
   }
 }
 
-.ea-switch-mini {
-  .el-switch__core {
-    width: 30px !important;
-    height: 16px;
-    &::after {
-      width: 12px;
-      height: 12px;
-      left: 2px;
-    }
+.ea-form .form-group-title {
+  position: relative;
+  height: 32px;
+  margin-bottom: 22px;
+  > span {
+    position: absolute;
+    top: 0;
+    left: 20%;
+    padding: 5px 25px;
+    background-color: #fff;
+    z-index: 1;
+    color: $--color-secondary-text;
   }
-  &.is-checked .el-switch__core::after {
-    margin-left: -13px;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 100%;
+    height: 0;
+    border-bottom: 1px dashed $--color-border-base;
   }
 }
 
-.ea-form .el-form-item__content {
-  & > .el-input-number,
-  & > .el-input,
-  & > .ea-select,
-  & > .el-select {
-    width: 100%;
-  }
+.conf-header {
+  border-bottom: 1px solid #DDD;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
 }
-.ea-form .el-form-item.hidden-label {
-  > .el-form-item__label {
-    display: none;
-  }
-  > .el-form-item__content {
-    width: 100%;
-  }
+.conf-body {
+  width: 300px;
+}
+.dense-much .el-form-item {
+  margin-bottom: 8px !important;
 }
 
 .ea-select-container {
@@ -843,3 +811,35 @@ 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.51",
+  "version": "0.0.53",
   "description": "element-ui 的扩展组件库",
   "main": "lib/index.js",
   "type": "module",