element-assits 0.0.55 → 0.0.57

package/README.md

@@ -272,11 +272,18 @@ el-scrollbar 衍生，优化样式
 |checkbox|是否显示多选框|Boolean|false|
 |disableCheckbox|是否禁止多选框|Boolean|false|
 |noDataText|无数据时的文本|String|暂无数据|
+|border|是否显示边框|Boolean|false|
+|stripe|是否需要斑马纹|Boolean|false|
 #### methods
 | 方法名 | 说明 | 参数 |
 |:---|:---|:---|
 | getChecked | 获取选中项 | 无 |
 | setChecked | 设置选中项 | (树)数据（以`props.value`匹配） |
+#### slots
+| 插槽名  | 默认值 | 说明 |
+|:---|:---|:---|
+| default | 单项（行） | 自定义行内容，跟随枝干 |
+| row | 单项（行） | 自定义行内容，脱离枝干 |
 
 ### 列表 EaList
 #### props

package/lib/index.js

@@ -7803,7 +7803,7 @@ const eS = {
 var tS = function() {
   var t = this, i = t._self._c;
   return i("EaScrollbar", { class: { "ea-data-tree-body": 1, "ea-data-tree-body__border": t.border }, style: { height: t.endHeight + "px" } }, [i("EaVirtualScroll", { attrs: { "enable-virtual-scroll": !0, options: t.list, "item-size": t.itemSize }, scopedSlots: t._u([{ key: "item", fn: function({ item: o, index: u }) {
-    return i("div", { directives: [{ name: "show", rawName: "v-show", value: Object.values(o.__state.show).every(Boolean), expression: "Object.values(item.__state.show).every(Boolean)" }], class: { "ea-data-tree-row": 1, odd: t.stripe && u % 2 } }, [o.__state.hasChildren ? i("i", { class: {
+    return i("div", { directives: [{ name: "show", rawName: "v-show", value: Object.values(o.__state.show).every(Boolean), expression: "Object.values(item.__state.show).every(Boolean)" }], class: { "ea-data-tree-row": 1, odd: t.stripe && u % 2 }, style: { height: t.itemSize + "px", lineHeight: t.itemSize + "px" } }, [o.__state.hasChildren ? i("i", { class: {
       "ea-data-tree-icon": 1,
       ["el-icon-caret-" + ["right", "bottom"][Number(o.__state.isExpanded)]]: 1
     }, style: { left: o.__state.level * 20 + "px" }, on: { click: function(d) {
@@ -7814,7 +7814,7 @@ var tS = function() {
       t.$set(o.__state, "checked", d);
     }, expression: "item.__state.checked" } }) : t._e()], 1) : t._e(), t._t("default", function() {
       return [i("span", [t._v(t._s(o[t.endProps.label]))])];
-    }, { item: o, index: u })], 2)]);
+    }, { item: o, index: u })], 2), t._t("row", null, { item: o, index: u })], 2);
   } }], null, !0) }), !t.list || !t.list.length ? i("div", { staticClass: "ea-data-tree-empty", style: { height: t.endHeight + "px" } }, [t._v(" " + t._s(t.noDataText) + " ")]) : t._e()], 1);
 }, nS = [], rS = /* @__PURE__ */ X(
   eS,

package/lib/style.css

@@ -1 +1 @@
-.ea-select{display:inline-block;position:relative}.ea-select .el-select{width:100%}.ea-select .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}.ea-select-popover .el-select-dropdown__item .select-item-value{overflow:hidden;text-overflow:ellipsis}.ea-select-popover .el-select-dropdown__item .select-item-desc{overflow:hidden;text-overflow:ellipsis;color:#8492a6;margin-left:8px}.ea-form .el-form-item__content>.el-input-number,.ea-form .el-form-item__content>.el-input,.ea-form .el-form-item__content>.ea-select,.ea-form .el-form-item__content>.el-select{width:100%}.ea-form .el-form-item.hidden-label>.el-form-item__label{display:none}.ea-form .el-form-item.hidden-label>.el-form-item__content{width:100%}.ea-form .form-group-title{position:relative;height:32px;margin-bottom:22px}.ea-form .form-group-title>span{position:absolute;top:0;left:20%;padding:5px 25px;background-color:#fff;z-index:1;color:#909399}.ea-form .form-group-title:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px dashed #DCDFE6}.ea-select-container{display:flex;justify-content:flex-start;font-size:12px}.ea-select-container.medium{font-size:14px}.ea-select-container.medium .ea-select-panel .ea-select-panel__item{line-height:28px}.ea-select-container .ea-select-panel{padding:0;margin:0;list-style:none;flex-grow:1;min-width:120px}.ea-select-container .ea-select-panel+.ea-select-panel{border-left:1px solid #DDD}.ea-select-container .ea-select-panel__item{width:100%;line-height:24px;cursor:pointer;padding:0 12px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:inherit}.ea-select-container .ea-select-panel__item:hover{background-color:#ebeef5}.ea-select-container .ea-select-panel__item.active{color:#409eff;font-weight:700}.ea-table .el-table th{background-color:#f2f6fc;color:#303133}.ea-table .el-table th .cell{min-height:30px;display:flex;justify-content:flex-start;align-items:center}.ea-table .el-table th.is-center .cell{justify-content:center}.ea-table .el-table th.is-right .cell{justify-content:flex-end}.ea-table .el-table td .cell,.ea-table .el-table th .cell{line-height:1.2}.ea-table .el-table.el-table--small td,.ea-table .el-table.el-table--small th{height:48px}.ea-table .el-table.is-dense td,.ea-table .el-table.is-dense th{height:32px;padding:2px 0}.ea-table .el-table.is-dense td .el-button,.ea-table .el-table.is-dense th .el-button{padding-top:0;padding-bottom:0}.ea-table .theader-th-cell .cell-icon-menu{position:absolute;top:50%;right:4px;transform:rotate(90deg) translate(-50%);color:#c0c4cc;cursor:pointer;padding:4px;border-radius:2px}.ea-table .theader-th-cell .cell-icon-menu:hover{color:#303133;background-color:#e4e7ed}.ea-table .ea-table__footer{display:flex;justify-content:space-between}.ea-table .ea-table__footer .ea-table__footer-right{margin-left:auto;padding-right:0}.ea-table .ea-table__footer>*{margin-top:12px}.ea-table .column-transition-active{opacity:.33}.ea-table .el-button>i{min-width:12px}.ea-table .more-btn>i{transform:rotate(-90deg)}.el-popover.ea-popover-no-padding{padding:8px 0;min-width:100px}.el-popover.ea-popover-no-padding.dense{margin-top:0;margin-bottom:0;min-width:70px}.more-btn-panel__item:hover{background-color:#ebeef5}.more-btn-panel__item .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 .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.ea-zoom-in-top-enter,.ea-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.ea-data-table .edt-row{display:flex}.ea-data-table .edt-row .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}.ea-data-table .edt-row.edt-header{background-color:#f2f6fc;color:#303133}.ea-data-table--border{border:1px solid #E4E7ED}.ea-data-table--border .edt-row .edt-cell{border-bottom:1px solid #E4E7ED;border-left:1px solid #E4E7ED}.ea-data-table--border .edt-row .edt-cell:first-child{border-left:0}.ea-data-table--border .edt-row:last-child .edt-cell{border-bottom:0}.ea-data-table .loading-text{color:#909399;text-align:center;font-size:inherit}.el-dialog.ea-modal.is-closing{margin:0 0 50px!important}.el-dialog.ea-modal.is-fullscreen{border-radius:0;margin:0}.el-dialog.ea-modal .el-dialog__header{color:#555;font-size:18px}.el-dialog.ea-modal .el-dialog__header .el-dialog__title{color:inherit;font-size:inherit}.ea-button-tooltip+.ea-button-tooltip{margin-left:10px}td .ea-button-tooltip+.ea-button-tooltip{margin-left:4px}td .ea-button-tooltip+.ea-button-tooltip.text{margin-left:10px}td .el-button [class*=el-icon-]+span{margin-left:2px}.el-button.ea-button.mini-rect-btn{padding:7px;border:0}.el-button.ea-button.mini-rect-btn [class^=design-]{margin-right:0}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary{background-color:#409eff26;color:#409eff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:focus{background-color:#409eff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success{background-color:#67c23a26;color:#67c23a}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:focus{background-color:#67c23a}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info{background-color:#90939926;color:#909399}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:focus{background-color:#909399}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning{background-color:#e6a23c26;color:#e6a23c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:focus{background-color:#e6a23c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger{background-color:#f56c6c26;color:#f56c6c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:focus{background-color:#f56c6c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:focus i{color:#fff}.ea-split-container{display:flex}.ea-split-container.is-down{user-select:none}.ea-split-container .sc-left,.ea-split-container .sc-right{flex-grow:1;flex-shrink:1}.ea-split-container .sc-center{flex-grow:0;flex-shrink:0;position:relative}.ea-split-container .sc-bamboo{width:8px;height:100%;border:1px solid #DCDEE2;border-top:none;border-bottom:none;background-color:#f8f8f9;cursor:col-resize;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 16px}.ea-split-container .sc-bamboo .sc-texture{width:4px;height:1px;background:rgba(23,35,61,.25);margin-top:3px}.ea-split-container .sc-on-bamboo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;display:flex;justify-content:center;align-items:center}.ea-tree .ea-tree-real .el-tree-node>.el-tree-node__content{border-radius:4px}.ea-tree .ea-tree-real .el-tree-node.is-current>.el-tree-node__content{color:#409eff;background-color:#409eff1a}.ea-list .loading-text{color:#909399;text-align:center;font-size:inherit}.ea-desc{font-size:14px}.ea-desc__title{font-size:16px;margin-bottom:12px}.ea-desc__list{display:flex;flex-wrap:wrap}.ea-desc .item{line-height:24px;margin-bottom:10px;flex:0 0 auto}.ea-desc .item .item-label{float:left;text-align:right;padding-right:8px;color:#909399}.ea-desc .item .item-value{word-break:break-all;overflow:hidden}.ea-desc .item .item-value .value-no-wrap{height:48px;overflow:hidden;position:relative}.ea-desc .item .item-value .value-no-wrap .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:#409eff;user-select:none}.ea-number .el-input__inner{text-align:left}.file-upload-dialog .el-upload,.file-upload-dialog .el-upload .el-upload-dragger{width:100%}.file-upload-dialog .el-upload-list .el-upload-list__item{border:1px dashed #aaa}.file-upload-dialog .el-upload-list .el-upload-list__item .el-icon-close{display:inline-block}.file-upload-dialog .el-list-enter,.file-upload-dialog .el-list-enter-active,.file-upload-dialog .el-list-enter-to,.file-upload-dialog .el-list-leave,.file-upload-dialog .el-list-leave-active,.file-upload-dialog .el-list-leave-to{-webkit-transition:none!important;transition:none!important}.ea-switch-mini .el-switch__core{width:30px!important;height:16px}.ea-switch-mini .el-switch__core:after{width:12px;height:12px;left:2px}.ea-switch-mini.is-checked .el-switch__core:after{margin-left:-13px}.conf-header{border-bottom:1px solid #DDD;padding-bottom:10px;margin-bottom:10px}.conf-body{width:300px}.dense-much .el-form-item{margin-bottom:8px!important}.vjs-table{position:relative;overflow:hidden}.vjs-header{position:absolute;top:0;border:1px solid #E4E7ED;border-bottom:0}.vjs-body{border:1px solid #E4E7ED}.vjs-row{height:32px;line-height:32px;display:flex;justify-content:flex-start;position:relative}.vjs-row.odd{background-color:#f8f8f8}.vjs-row:not(.vjs-header):hover{background-color:#ebeef5}.vjs-row .vjs-cell{flex:0 0 auto;height:100%;font-size:14px;box-sizing:border-box;padding:0 8px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vjs-row .vjs-cell>.el-tag{vertical-align:1px}.vjs-row .vjs-cell.vjs-cell-flex{flex-grow:1}.vjs-row .vjs-cell.error{border:1px solid red}.vjs-row .vjs-cell>.vjs-checkbox{position:absolute;top:0}.vjs-row .vjs-icon{cursor:pointer;position:absolute;height:100%;color:#ccc;display:flex;align-items:center;z-index:1}.vjs-row .vjs-icon:hover{color:#333}.vjs-row .vjs-temp{color:#909399}.vjs-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#909399;border-color:#909399}.cell-text{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.cell-text .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}.cell-input .el-input__inner{border-radius:0;font-size:inherit;color:inherit;font-family:inherit;padding-left:4px}.cell-select{cursor:pointer}.cell-select:not(.is-disabled):hover{border-width:0;border-bottom-width:1.5px;border-style:solid}.cell-select.is-disabled{cursor:default}.cell-required{width:100%;height:100%;display:flex;align-items:center}.cell-required .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:#00000005}.cell-required .box:not(.is-disabled):hover{color:#999;background-color:#0000000d}.cell-required .box.is-disabled{cursor:default;color:transparent;background-color:transparent}.cell-required .box.is-required,.cell-required .box.is-required:hover{color:red;background-color:#00000014}.cell-action{width:80px}.cell-action i{cursor:pointer;font-size:16px;padding:4px;border-radius:4px}.cell-action i:hover{background-color:#0000001a}.action-popover{margin:0!important}.ea-blue{color:#409eff}.ea-purple{color:#ee46bc!important}.ea-success{color:#67c23a}.ea-danger{color:#f56c6c}.ea-info{color:#909399}.ea-placeholder{color:#c0c4cc!important}.ea-popover-no-margin{margin:0!important}@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")}.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-data-tree-body.ea-data-tree-body__border{border:1px solid #E4E7ED}.ea-data-tree-row{height:32px;line-height:32px;display:flex;justify-content:flex-start;position:relative;padding-left:20px}.ea-data-tree-row.odd{background-color:#f8f8f8}.ea-data-tree-row:hover{background-color:#ebeef5}.ea-data-tree-row .ea-data-tree-cell{flex:0 0 auto;height:100%;font-size:14px;box-sizing:border-box;padding:0 8px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.ea-data-tree-row .ea-data-tree-cell>.ea-data-tree-checkbox{position:absolute;top:0}.ea-data-tree-row .ea-data-tree-icon{cursor:pointer;position:absolute;height:100%;color:#ccc;display:flex;align-items:center;z-index:1}.ea-data-tree-row .ea-data-tree-icon:hover{color:#333}.ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#909399;border-color:#909399}.ea-data-tree-empty{display:flex;justify-content:center;align-items:center;color:#909399}.ea-table-modal{overflow:visible;right:unset;right:initial;bottom:unset;bottom:initial;width:100%;height:0}.ea-table-modal .el-dialog{background:#fdfdfd;box-shadow:0 0 16px #00000026}.ea-table-modal .el-dialog .el-dialog__header{padding:12px 20px;background-color:#f2f6fc;border-bottom:1px solid #EBEEF5}.ea-table-modal .el-dialog .el-dialog__headerbtn{top:12px}.ea-table-modal .el-dialog .el-dialog__close{font-weight:700;color:#909399}.ea-table-modal .el-dialog .el-dialog__body{padding:10px 0;height:calc(100% - 70px);min-height:40px;max-height:800px;overflow:auto}.ea-table-modal .el-dialog .el-dialog__body .scm-title{font-size:12px;font-weight:700;color:#303133}.ea-table-modal .el-dialog .el-dialog__body .scm-title.medium{font-size:14px}.ea-table-modal .el-dialog .el-dialog__body .el-tree{background:transparent;font-size:12px}.ea-table-modal .el-dialog .el-dialog__body .el-tree .el-tree-node__label{font-size:12px}.ea-table-modal .el-dialog .el-dialog__body .el-tree.medium,.ea-table-modal .el-dialog .el-dialog__body .el-tree.medium .el-tree-node__label{font-size:14px}
+.ea-select{display:inline-block;position:relative}.ea-select .el-select{width:100%}.ea-select .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}.ea-select-popover .el-select-dropdown__item .select-item-value{overflow:hidden;text-overflow:ellipsis}.ea-select-popover .el-select-dropdown__item .select-item-desc{overflow:hidden;text-overflow:ellipsis;color:#8492a6;margin-left:8px}.ea-form .el-form-item__content>.el-input-number,.ea-form .el-form-item__content>.el-input,.ea-form .el-form-item__content>.ea-select,.ea-form .el-form-item__content>.el-select{width:100%}.ea-form .el-form-item.hidden-label>.el-form-item__label{display:none}.ea-form .el-form-item.hidden-label>.el-form-item__content{width:100%}.ea-form .form-group-title{position:relative;height:32px;margin-bottom:22px}.ea-form .form-group-title>span{position:absolute;top:0;left:20%;padding:5px 25px;background-color:#fff;z-index:1;color:#909399}.ea-form .form-group-title:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px dashed #DCDFE6}.ea-select-container{display:flex;justify-content:flex-start;font-size:12px}.ea-select-container.medium{font-size:14px}.ea-select-container.medium .ea-select-panel .ea-select-panel__item{line-height:28px}.ea-select-container .ea-select-panel{padding:0;margin:0;list-style:none;flex-grow:1;min-width:120px}.ea-select-container .ea-select-panel+.ea-select-panel{border-left:1px solid #DDD}.ea-select-container .ea-select-panel__item{width:100%;line-height:24px;cursor:pointer;padding:0 12px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:inherit}.ea-select-container .ea-select-panel__item:hover{background-color:#ebeef5}.ea-select-container .ea-select-panel__item.active{color:#409eff;font-weight:700}.ea-table .el-table th{background-color:#f5f7fa;color:#303133}.ea-table .el-table th .cell{min-height:30px;display:flex;justify-content:flex-start;align-items:center}.ea-table .el-table th.is-center .cell{justify-content:center}.ea-table .el-table th.is-right .cell{justify-content:flex-end}.ea-table .el-table td .cell,.ea-table .el-table th .cell{line-height:1.2}.ea-table .el-table.el-table--small td,.ea-table .el-table.el-table--small th{height:50px}.ea-table .el-table.is-dense td,.ea-table .el-table.is-dense th{height:32px;padding:2px 0}.ea-table .el-table.is-dense td .el-button,.ea-table .el-table.is-dense th .el-button{padding-top:0;padding-bottom:0}.ea-table .theader-th-cell .cell-icon-menu{position:absolute;top:50%;right:4px;transform:rotate(90deg) translate(-50%);color:#c0c4cc;cursor:pointer;padding:4px;border-radius:2px}.ea-table .theader-th-cell .cell-icon-menu:hover{color:#303133;background-color:#e4e7ed}.ea-table .ea-table__footer{display:flex;justify-content:space-between}.ea-table .ea-table__footer .ea-table__footer-right{margin-left:auto;padding-right:0}.ea-table .ea-table__footer>*{margin-top:12px}.ea-table .column-transition-active{opacity:.33}.ea-table .el-button>i{min-width:12px}.ea-table .more-btn>i{transform:rotate(-90deg)}.el-popover.ea-popover-no-padding{padding:8px 0;min-width:100px}.el-popover.ea-popover-no-padding.dense{margin-top:0;margin-bottom:0;min-width:70px}.more-btn-panel__item:hover{background-color:#ebeef5}.more-btn-panel__item .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 .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.ea-zoom-in-top-enter,.ea-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.ea-data-table .edt-row{display:flex}.ea-data-table .edt-row .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}.ea-data-table .edt-row.edt-header{background-color:#f2f6fc;color:#303133}.ea-data-table--border{border:1px solid #E4E7ED}.ea-data-table--border .edt-row .edt-cell{border-bottom:1px solid #E4E7ED;border-left:1px solid #E4E7ED}.ea-data-table--border .edt-row .edt-cell:first-child{border-left:0}.ea-data-table--border .edt-row:last-child .edt-cell{border-bottom:0}.ea-data-table .loading-text{color:#909399;text-align:center;font-size:inherit}.el-dialog.ea-modal.is-closing{margin:0 0 50px!important}.el-dialog.ea-modal.is-fullscreen{border-radius:0;margin:0}.el-dialog.ea-modal .el-dialog__header{color:#555;font-size:18px}.el-dialog.ea-modal .el-dialog__header .el-dialog__title{color:inherit;font-size:inherit}.ea-button-tooltip+.ea-button-tooltip{margin-left:10px}td .ea-button-tooltip+.ea-button-tooltip{margin-left:4px}td .ea-button-tooltip+.ea-button-tooltip.text{margin-left:10px}td .el-button [class*=el-icon-]+span{margin-left:2px}.el-button.ea-button.mini-rect-btn{padding:7px;border:0}.el-button.ea-button.mini-rect-btn [class^=design-]{margin-right:0}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary{background-color:#409eff26;color:#409eff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:focus{background-color:#409eff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).primary:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success{background-color:#67c23a26;color:#67c23a}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:focus{background-color:#67c23a}.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).success:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info{background-color:#90939926;color:#909399}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:focus{background-color:#909399}.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).info:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning{background-color:#e6a23c26;color:#e6a23c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:focus{background-color:#e6a23c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).warning:focus i{color:#fff}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger{background-color:#f56c6c26;color:#f56c6c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:hover,.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:focus{background-color:#f56c6c}.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:hover i,.el-button.ea-button.mini-rect-btn:not(.is-disabled).danger:focus i{color:#fff}.ea-split-container{display:flex}.ea-split-container.is-down{user-select:none}.ea-split-container .sc-left,.ea-split-container .sc-right{flex-grow:1;flex-shrink:1}.ea-split-container .sc-center{flex-grow:0;flex-shrink:0;position:relative}.ea-split-container .sc-bamboo{width:8px;height:100%;border:1px solid #DCDEE2;border-top:none;border-bottom:none;background-color:#f8f8f9;cursor:col-resize;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 16px}.ea-split-container .sc-bamboo .sc-texture{width:4px;height:1px;background:rgba(23,35,61,.25);margin-top:3px}.ea-split-container .sc-on-bamboo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;display:flex;justify-content:center;align-items:center}.ea-tree .ea-tree-real .el-tree-node>.el-tree-node__content{border-radius:4px}.ea-tree .ea-tree-real .el-tree-node.is-current>.el-tree-node__content{color:#409eff;background-color:#409eff1a}.ea-list .loading-text{color:#909399;text-align:center;font-size:inherit}.ea-desc{font-size:14px}.ea-desc__title{font-size:16px;margin-bottom:12px}.ea-desc__list{display:flex;flex-wrap:wrap}.ea-desc .item{line-height:24px;margin-bottom:10px;flex:0 0 auto}.ea-desc .item .item-label{float:left;text-align:right;padding-right:8px;color:#909399}.ea-desc .item .item-value{word-break:break-all;overflow:hidden}.ea-desc .item .item-value .value-no-wrap{height:48px;overflow:hidden;position:relative}.ea-desc .item .item-value .value-no-wrap .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:#409eff;user-select:none}.ea-number .el-input__inner{text-align:left}.file-upload-dialog .el-upload,.file-upload-dialog .el-upload .el-upload-dragger{width:100%}.file-upload-dialog .el-upload-list .el-upload-list__item{border:1px dashed #aaa}.file-upload-dialog .el-upload-list .el-upload-list__item .el-icon-close{display:inline-block}.file-upload-dialog .el-list-enter,.file-upload-dialog .el-list-enter-active,.file-upload-dialog .el-list-enter-to,.file-upload-dialog .el-list-leave,.file-upload-dialog .el-list-leave-active,.file-upload-dialog .el-list-leave-to{-webkit-transition:none!important;transition:none!important}.ea-switch-mini .el-switch__core{width:30px!important;height:16px}.ea-switch-mini .el-switch__core:after{width:12px;height:12px;left:2px}.ea-switch-mini.is-checked .el-switch__core:after{margin-left:-13px}.conf-header{border-bottom:1px solid #DDD;padding-bottom:10px;margin-bottom:10px}.conf-body{width:300px}.dense-much .el-form-item{margin-bottom:8px!important}.vjs-table{position:relative;overflow:hidden}.vjs-header{position:absolute;top:0;border:1px solid #E4E7ED;border-bottom:0}.vjs-body{border:1px solid #E4E7ED}.vjs-row{height:32px;line-height:32px;display:flex;justify-content:flex-start;position:relative}.vjs-row.odd{background-color:#f8f8f8}.vjs-row:not(.vjs-header):hover{background-color:#ebeef5}.vjs-row .vjs-cell{flex:0 0 auto;height:100%;font-size:14px;box-sizing:border-box;padding:0 8px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vjs-row .vjs-cell>.el-tag{vertical-align:1px}.vjs-row .vjs-cell.vjs-cell-flex{flex-grow:1}.vjs-row .vjs-cell.error{border:1px solid red}.vjs-row .vjs-cell>.vjs-checkbox{position:absolute;top:0}.vjs-row .vjs-icon{cursor:pointer;position:absolute;height:100%;color:#ccc;display:flex;align-items:center;z-index:1}.vjs-row .vjs-icon:hover{color:#333}.vjs-row .vjs-temp{color:#909399}.vjs-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#909399;border-color:#909399}.cell-text{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.cell-text .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}.cell-input .el-input__inner{border-radius:0;font-size:inherit;color:inherit;font-family:inherit;padding-left:4px}.cell-select{cursor:pointer}.cell-select:not(.is-disabled):hover{border-width:0;border-bottom-width:1.5px;border-style:solid}.cell-select.is-disabled{cursor:default}.cell-required{width:100%;height:100%;display:flex;align-items:center}.cell-required .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:#00000005}.cell-required .box:not(.is-disabled):hover{color:#999;background-color:#0000000d}.cell-required .box.is-disabled{cursor:default;color:transparent;background-color:transparent}.cell-required .box.is-required,.cell-required .box.is-required:hover{color:red;background-color:#00000014}.cell-action{width:80px}.cell-action i{cursor:pointer;font-size:16px;padding:4px;border-radius:4px}.cell-action i:hover{background-color:#0000001a}.action-popover{margin:0!important}.ea-blue{color:#409eff}.ea-purple{color:#ee46bc!important}.ea-success{color:#67c23a}.ea-danger{color:#f56c6c}.ea-info{color:#909399}.ea-placeholder{color:#c0c4cc!important}.ea-popover-no-margin{margin:0!important}@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")}.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-data-tree-body.ea-data-tree-body__border{border:1px solid #E4E7ED}.ea-data-tree-row{display:flex;justify-content:flex-start;position:relative;padding-left:20px;box-sizing:border-box}.ea-data-tree-row.odd{background-color:#f8f8f8}.ea-data-tree-row:hover{background-color:#ebeef5}.ea-data-tree-row .ea-data-tree-cell{flex:0 0 auto;height:100%;font-size:14px;box-sizing:border-box;padding:0 8px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.ea-data-tree-row .ea-data-tree-cell>.ea-data-tree-checkbox{position:absolute;top:0}.ea-data-tree-row .ea-data-tree-icon{cursor:pointer;position:absolute;height:100%;color:#ccc;display:flex;align-items:center;z-index:1}.ea-data-tree-row .ea-data-tree-icon:hover{color:#333}.ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#909399;border-color:#909399}.ea-data-tree-empty{display:flex;justify-content:center;align-items:center;color:#909399}.ea-table-modal{overflow:visible;right:unset;right:initial;bottom:unset;bottom:initial;width:100%;height:0}.ea-table-modal .el-dialog{background:#fdfdfd;box-shadow:0 0 16px #00000026}.ea-table-modal .el-dialog .el-dialog__header{padding:12px 20px;background-color:#f2f6fc;border-bottom:1px solid #EBEEF5}.ea-table-modal .el-dialog .el-dialog__headerbtn{top:12px}.ea-table-modal .el-dialog .el-dialog__close{font-weight:700;color:#909399}.ea-table-modal .el-dialog .el-dialog__body{padding:10px 0;height:calc(100% - 70px);min-height:40px;max-height:800px;overflow:auto}.ea-table-modal .el-dialog .el-dialog__body .scm-title{font-size:12px;font-weight:700;color:#303133}.ea-table-modal .el-dialog .el-dialog__body .scm-title.medium{font-size:14px}.ea-table-modal .el-dialog .el-dialog__body .el-tree{background:transparent;font-size:12px}.ea-table-modal .el-dialog .el-dialog__body .el-tree .el-tree-node__label{font-size:12px}.ea-table-modal .el-dialog .el-dialog__body .el-tree.medium,.ea-table-modal .el-dialog .el-dialog__body .el-tree.medium .el-tree-node__label{font-size:14px}

package/lib/style.scss

@@ -11,54 +11,124 @@ $--color-border-base: #DCDFE6 !default;
 $--color-border-light: #E4E7ED !default;
 $--color-border-lighter: #EBEEF5 !default;
 $--color-border-extralight: #F2F6FC !default;
-.ea-select {
-  display: inline-block;
-  position: relative;
-  .el-select {
-    width: 100%;
+$--background-color-base: #F5F7FA !default;
+// table
+.ea-table {
+  // 表格头部样式美化
+  .el-table {
+    th {
+      background-color: $--background-color-base;
+      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: 50px;
+      }
+    }
+    &.is-dense {
+      td, th {
+        height: 32px;
+        padding: 2px 0;
+        .el-button {
+          padding-top: 0;
+          padding-bottom: 0;
+        }
+      }
+    }
   }
-  .async-loading.el-icon-loading {
-    position: absolute;
-    top: 10px;
-    right: 28px;
-    color: #999;
+  // 列的更多菜单项
+  .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-select-popover {
-  .el-select-dropdown__item {
+  // 表格底部
+  .ea-table__footer {
     display: flex;
     justify-content: space-between;
-    .select-item-value {
-      overflow: hidden;
-      text-overflow: ellipsis;
+    .ea-table__footer-right {
+      margin-left: auto;
+      padding-right: 0;
     }
-    .select-item-desc {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      color: #8492a6;
-      margin-left: 8px;
+    > * {
+      margin-top: 12px;
     }
   }
-}
 
-.el-dialog.ea-modal {
-  &.is-closing {
-    margin: 0 0 50px !important;
+  .column-transition-active {
+    opacity: 0.33;
   }
-  &.is-fullscreen {
-    border-radius: 0;
-    margin: 0;
+
+  .el-button > i {
+    min-width: 12px;
   }
-  .el-dialog__header {
-    color: #555;
-    font-size: 18px;
-    .el-dialog__title {
-      color: inherit;
-      font-size: inherit;
+
+  .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-data-table {
   .edt-row {
     display: flex;
@@ -98,6 +168,36 @@ $--color-border-extralight: #F2F6FC !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;
+    }
+    .select-item-desc {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: #8492a6;
+      margin-left: 8px;
+    }
+  }
+}
+
 .ea-button-tooltip + .ea-button-tooltip {
   margin-left: 10px;
 }
@@ -163,6 +263,24 @@ 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-split-container {
   display: flex;
   &.is-down {
@@ -226,18 +344,6 @@ td {
   }
 }
 
-.ea-list {
-  .loading-text {
-    color: $--color-secondary-text;
-    text-align: center;
-    font-size: inherit;
-  }
-}
-
-.ea-number .el-input__inner {
-  text-align: left;
-}
-
 .ea-desc {
   font-size: 14px;
   &__title {
@@ -282,56 +388,33 @@ td {
   }
 }
 
-.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-list {
+  .loading-text {
+    color: $--color-secondary-text;
+    text-align: center;
+    font-size: inherit;
   }
 }
 
-.vjs-table {
-  position: relative;
-  overflow: hidden;
-}
-.vjs-header {
-  position: absolute;
-  top: 0;
-  border: 1px solid $--color-border-light;
-  border-bottom: 0;
+.ea-number .el-input__inner {
+  text-align: left;
 }
-.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 {
-  height: 32px;
-  line-height: 32px;
+.ea-data-tree-row {
   display: flex;
   justify-content: flex-start;
   position: relative;
+  padding-left: 20px;
+  box-sizing: border-box;
   &.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,8 +425,99 @@ td {
     text-overflow: ellipsis;
     white-space: nowrap;
     word-break: break-all;
-    & > .el-tag {
-      vertical-align: 1px;
+    & > .ea-data-tree-checkbox {
+      position: absolute;
+      top: 0;
+    }
+  }
+  .ea-data-tree-icon {
+    cursor: pointer;
+    position: absolute;
+    height: 100%;
+    color: #CCC;
+    display: flex;
+    align-items: center;
+    z-index: 1;
+    &:hover {
+      color: #333;
+    }
+  }
+}
+
+.ea-data-tree-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;
+}
+
+.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;
+}
+.vjs-header {
+  position: absolute;
+  top: 0;
+  border: 1px solid $--color-border-light;
+  border-bottom: 0;
+}
+.vjs-body {
+  border: 1px solid $--color-border-light;
+}
+
+.vjs-row {
+  height: 32px;
+  line-height: 32px;
+  display: flex;
+  justify-content: flex-start;
+  position: relative;
+  &.odd { background-color: #F8F8F8; }
+  &:not(.vjs-header):hover { background-color: #EBEEF5; }
+  .vjs-cell {
+    flex: 0 0 auto;
+    height: 100%;
+    font-size: 14px;
+    box-sizing: border-box;
+    padding: 0 8px;
+    position: relative;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-break: break-all;
+    & > .el-tag {
+      vertical-align: 1px;
     }
     &.vjs-cell-flex {
       flex-grow: 1;
@@ -508,216 +682,6 @@ td {
 .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;
-  }
-}
-
-.ea-data-tree-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 {
-    flex: 0 0 auto;
-    height: 100%;
-    font-size: 14px;
-    box-sizing: border-box;
-    padding: 0 8px;
-    position: relative;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    word-break: break-all;
-    & > .ea-data-tree-checkbox {
-      position: absolute;
-      top: 0;
-    }
-  }
-  .ea-data-tree-icon {
-    cursor: pointer;
-    position: absolute;
-    height: 100%;
-    color: #CCC;
-    display: flex;
-    align-items: center;
-    z-index: 1;
-    &:hover {
-      color: #333;
-    }
-  }
-}
-
-.ea-data-tree-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;
-  }
-
-  .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-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;
-  }
-}
-
-.conf-header {
-  border-bottom: 1px solid #DDD;
-  padding-bottom: 10px;
-  margin-bottom: 10px;
-}
-.conf-body {
-  width: 300px;
-}
-.dense-much .el-form-item {
-  margin-bottom: 8px !important;
-}
-
 .ea-table-modal {
   overflow: visible;
   right: unset;
@@ -772,36 +736,40 @@ 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;
+.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;
   }
-  > .el-form-item__content {
+  &::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
     width: 100%;
+    height: 0;
+    border-bottom: 1px dashed $--color-border-base;
   }
 }
 
-.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;
-  }
+.conf-header {
+  border-bottom: 1px solid #DDD;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+}
+.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.55",
+  "version": "0.0.57",
   "description": "element-ui 的扩展组件库",
   "main": "lib/index.js",
   "type": "module",