element-assits 0.0.12 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/style.css CHANGED
@@ -1 +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}.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}.el-popover.ea-popover-no-padding{padding:8px 0;min-width:100px}.el-dialog.ea-modal.is-closing{margin:0!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-bamboo{flex-grow:0;flex-shrink:0;width:8px;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-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}.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-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}
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}.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;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}.el-dialog.ea-modal.is-closing{margin:0!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-bamboo{flex-grow:0;flex-shrink:0;width:8px;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-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}.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-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 CHANGED
@@ -11,35 +11,6 @@ $--color-border-base: #DCDFE6 !default;
11
11
  $--color-border-light: #E4E7ED !default;
12
12
  $--color-border-lighter: #EBEEF5 !default;
13
13
  $--color-border-extralight: #F2F6FC !default;
14
- .ea-select {
15
- display: inline-block;
16
- position: relative;
17
- .el-select {
18
- width: 100%;
19
- }
20
- .async-loading.el-icon-loading {
21
- position: absolute;
22
- top: 10px;
23
- right: 28px;
24
- color: #999;
25
- }
26
- }
27
- .ea-select-popover {
28
- .el-select-dropdown__item {
29
- display: flex;
30
- .select-item-value {
31
- overflow: hidden;
32
- text-overflow: ellipsis;
33
- }
34
- .select-item-desc {
35
- overflow: hidden;
36
- text-overflow: ellipsis;
37
- color: #8492a6;
38
- margin-left: 8px;
39
- }
40
- }
41
- }
42
-
43
14
  // table
44
15
  .ea-table {
45
16
  // 表格头部样式美化
@@ -114,12 +85,62 @@ $--color-border-extralight: #F2F6FC !default;
114
85
  .el-button > i {
115
86
  min-width: 12px;
116
87
  }
88
+
89
+ .more-btn > i{
90
+ transform: rotate(-90deg);
91
+ }
117
92
  }
118
93
 
119
94
  // table - popover
120
95
  .el-popover.ea-popover-no-padding {
121
96
  padding: 8px 0;
122
97
  min-width: 100px;
98
+ &.dense {
99
+ margin-top: 0px;
100
+ min-width: 70px;
101
+ }
102
+ }
103
+
104
+ .more-btn-panel {
105
+ &__item {
106
+ &:hover {
107
+ background-color: $--color-border-lighter;
108
+ }
109
+ > .el-button {
110
+ padding: 8px 12px;
111
+ width: 100%;
112
+ text-align: left;
113
+ }
114
+ }
115
+ }
116
+
117
+ .ea-select {
118
+ display: inline-block;
119
+ position: relative;
120
+ .el-select {
121
+ width: 100%;
122
+ }
123
+ .async-loading.el-icon-loading {
124
+ position: absolute;
125
+ top: 10px;
126
+ right: 28px;
127
+ color: #999;
128
+ }
129
+ }
130
+ .ea-select-popover {
131
+ .el-select-dropdown__item {
132
+ display: flex;
133
+ .select-item-value {
134
+ overflow: hidden;
135
+ text-overflow: ellipsis;
136
+ }
137
+ .select-item-desc {
138
+ overflow: hidden;
139
+ text-overflow: ellipsis;
140
+ color: #8492a6;
141
+ margin-left: 8px;
142
+ }
143
+ }
123
144
  }
124
145
 
125
146
  .el-dialog.ea-modal {
@@ -140,40 +161,11 @@ $--color-border-extralight: #F2F6FC !default;
140
161
  }
141
162
  }
142
163
 
143
- .ea-split-container {
144
- display: flex;
145
- &.is-down {
146
- user-select: none;
147
- }
148
- .sc-left {
149
- flex-grow: 1;
150
- flex-shrink: 1;
151
- }
152
- .sc-right {
153
- flex-grow: 1;
154
- flex-shrink: 1;
155
- }
156
- .sc-bamboo {
157
- flex-grow: 0;
158
- flex-shrink: 0;
159
- width: 8px;
160
- border: 1px solid #DCDEE2;
161
- border-top: none;
162
- border-bottom: none;
163
- background-color: #F8F8F9;
164
- cursor: col-resize;
165
- user-select: none;
166
- display: flex;
167
- flex-direction: column;
168
- justify-content: center;
169
- align-items: center;
170
- margin: 0 16px;
171
- .sc-texture {
172
- width: 4px;
173
- height: 1px;
174
- background: rgba(23, 35, 61, .25);
175
- margin-top: 3px;
176
- }
164
+ .ea-list {
165
+ .loading-text {
166
+ color: $--color-secondary-text;
167
+ text-align: center;
168
+ font-size: inherit;
177
169
  }
178
170
  }
179
171
 
@@ -242,24 +234,8 @@ td {
242
234
  }
243
235
  }
244
236
 
245
- .ea-tree {
246
- .ea-tree-real {
247
- .el-tree-node > .el-tree-node__content{
248
- border-radius: 4px;
249
- }
250
- .el-tree-node.is-current > .el-tree-node__content {
251
- color: $--color-primary;
252
- background-color: rgba($--color-primary, 0.1);
253
- }
254
- }
255
- }
256
-
257
- .ea-list {
258
- .loading-text {
259
- color: $--color-secondary-text;
260
- text-align: center;
261
- font-size: inherit;
262
- }
237
+ .ea-number .el-input__inner {
238
+ text-align: left;
263
239
  }
264
240
 
265
241
  .ea-desc {
@@ -305,8 +281,53 @@ td {
305
281
  }
306
282
  }
307
283
 
308
- .ea-number .el-input__inner {
309
- text-align: left;
284
+ .ea-tree {
285
+ .ea-tree-real {
286
+ .el-tree-node > .el-tree-node__content{
287
+ border-radius: 4px;
288
+ }
289
+ .el-tree-node.is-current > .el-tree-node__content {
290
+ color: $--color-primary;
291
+ background-color: rgba($--color-primary, 0.1);
292
+ }
293
+ }
294
+ }
295
+
296
+ .ea-split-container {
297
+ display: flex;
298
+ &.is-down {
299
+ user-select: none;
300
+ }
301
+ .sc-left {
302
+ flex-grow: 1;
303
+ flex-shrink: 1;
304
+ }
305
+ .sc-right {
306
+ flex-grow: 1;
307
+ flex-shrink: 1;
308
+ }
309
+ .sc-bamboo {
310
+ flex-grow: 0;
311
+ flex-shrink: 0;
312
+ width: 8px;
313
+ border: 1px solid #DCDEE2;
314
+ border-top: none;
315
+ border-bottom: none;
316
+ background-color: #F8F8F9;
317
+ cursor: col-resize;
318
+ user-select: none;
319
+ display: flex;
320
+ flex-direction: column;
321
+ justify-content: center;
322
+ align-items: center;
323
+ margin: 0 16px;
324
+ .sc-texture {
325
+ width: 4px;
326
+ height: 1px;
327
+ background: rgba(23, 35, 61, .25);
328
+ margin-top: 3px;
329
+ }
330
+ }
310
331
  }
311
332
 
312
333
  .file-upload-dialog {
@@ -336,30 +357,6 @@ td {
336
357
  }
337
358
  }
338
359
 
339
- .ea-form .form-group-title {
340
- position: relative;
341
- height: 32px;
342
- margin-bottom: 22px;
343
- > span {
344
- position: absolute;
345
- top: 0;
346
- left: 20%;
347
- padding: 5px 25px;
348
- background-color: #fff;
349
- z-index: 1;
350
- color: $--color-secondary-text;
351
- }
352
- &::after {
353
- content: '';
354
- position: absolute;
355
- top: 50%;
356
- left: 0;
357
- width: 100%;
358
- height: 0;
359
- border-bottom: 1px dashed $--color-border-base;
360
- }
361
- }
362
-
363
360
  .ea-table-modal {
364
361
  overflow: visible;
365
362
  right: unset;
@@ -414,20 +411,27 @@ td {
414
411
  }
415
412
  }
416
413
 
417
- .ea-form .el-form-item__content {
418
- & > .el-input-number,
419
- & > .el-input,
420
- & > .ea-select,
421
- & > .el-select {
422
- width: 100%;
423
- }
424
- }
425
- .ea-form .el-form-item.hidden-label {
426
- > .el-form-item__label {
427
- display: none;
414
+ .ea-form .form-group-title {
415
+ position: relative;
416
+ height: 32px;
417
+ margin-bottom: 22px;
418
+ > span {
419
+ position: absolute;
420
+ top: 0;
421
+ left: 20%;
422
+ padding: 5px 25px;
423
+ background-color: #fff;
424
+ z-index: 1;
425
+ color: $--color-secondary-text;
428
426
  }
429
- > .el-form-item__content {
427
+ &::after {
428
+ content: '';
429
+ position: absolute;
430
+ top: 50%;
431
+ left: 0;
430
432
  width: 100%;
433
+ height: 0;
434
+ border-bottom: 1px dashed $--color-border-base;
431
435
  }
432
436
  }
433
437
 
@@ -470,3 +474,20 @@ td {
470
474
  }
471
475
  }
472
476
  }
477
+
478
+ .ea-form .el-form-item__content {
479
+ & > .el-input-number,
480
+ & > .el-input,
481
+ & > .ea-select,
482
+ & > .el-select {
483
+ width: 100%;
484
+ }
485
+ }
486
+ .ea-form .el-form-item.hidden-label {
487
+ > .el-form-item__label {
488
+ display: none;
489
+ }
490
+ > .el-form-item__content {
491
+ width: 100%;
492
+ }
493
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "element-assits",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "description": "element-ui 的扩展组件库",
5
5
  "main": "lib/index.js",
6
6
  "type": "module",