element-assits 0.0.46 → 0.0.48

package/lib/index.js

@@ -2076,8 +2076,8 @@ class Xx {
   }
   add({ $index: n }, i) {
     this.isTrigger || (this.o[n] = i.map((o) => {
-      const u = Rt(o, "componentOptions.children[0].text");
-      return Math.max(u.length, 2) * 14 + 14 + 9;
+      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))));
   }
 }
@@ -2093,15 +2093,16 @@ function $u(r = 3) {
     o = {
       props: { scope: { type: Object, default: void 0 } },
       data() {
-        var b;
-        const d = Cu.bind(n)(this.scope).filter((S) => S.tag), v = d.slice(0, r - 1);
-        (b = n.fitOpt) == null || b.add(this.scope, v);
-        const m = d.slice(r - 1);
+        const d = Cu.bind(n)(this.scope).filter((b) => b.tag), v = d.slice(0, r - 1), m = d.slice(r - 1);
         return {
           children: v,
           moreChildren: m
         };
       },
+      mounted() {
+        var d;
+        (d = n.fitOpt) == null || d.add(this.scope, this.children);
+      },
       render(d) {
         return d("div", [
           ...this.children,
@@ -2129,8 +2130,9 @@ function $u(r = 3) {
   };
 }
 function Cu(r) {
-  let n = this.$slots["row-menu"], i = this.$scopedSlots["row-menu"];
-  return n = Array.isArray(n) ? n : n && n() || [], i = Array.isArray(i) ? i : i && i(r) || [], [...n, ...i];
+  const i = (this.$root.constructor.version.match(/\.(\d+)\./) || [])[1];
+  let o = this.$slots["row-menu"], u = this.$scopedSlots["row-menu"];
+  return o = Array.isArray(o) ? o : o && o() || [], u = Array.isArray(u) ? u : u && u(r) || [], i >= 6 ? u : [...o, ...u];
 }
 let Gs, rf = null, Su = null;
 function sf() {
@@ -2680,7 +2682,7 @@ function _$(r) {
 }
 function Lt(r, n) {
   const i = document.createElement("div");
-  i.style.position = "absolute", g$(i, n), r.style.userSelect = "none", r.appendChild(i);
+  i.style.position = "absolute", g$(i, n), r.appendChild(i);
   let o = r.offsetLeft, u = r.offsetTop, d = r.offsetWidth, v = r.offsetHeight, m = !1, b, S;
   const T = () => {
     m = !1, b = void 0, S = void 0, o = r.offsetLeft, u = r.offsetTop, d = r.offsetWidth, v = r.offsetHeight;

package/lib/style.scss

@@ -167,36 +167,6 @@ $--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;
-    }
-  }
-}
-
 .el-dialog.ea-modal {
   &.is-closing {
     margin: 0 0 50px !important;
@@ -280,8 +250,34 @@ td {
   }
 }
 
-.ea-number .el-input__inner {
-  text-align: left;
+.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-tree {
@@ -347,6 +343,18 @@ td {
   }
 }
 
+.ea-number .el-input__inner {
+  text-align: left;
+}
+
+.ea-list {
+  .loading-text {
+    color: $--color-secondary-text;
+    text-align: center;
+    font-size: inherit;
+  }
+}
+
 .ea-desc {
   font-size: 14px;
   &__title {
@@ -391,14 +399,63 @@ td {
   }
 }
 
-.ea-list {
-  .loading-text {
-    color: $--color-secondary-text;
-    text-align: center;
-    font-size: inherit;
+.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;
+}
+
 .file-upload-dialog {
   // 拖拽区域铺满
   .el-upload,
@@ -625,63 +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;
-}
-
 .ea-table-modal {
   overflow: visible;
   right: unset;
@@ -772,6 +772,23 @@ td {
   margin-bottom: 8px !important;
 }
 
+.ea-form .el-form-item__content {
+  & > .el-input-number,
+  & > .el-input,
+  & > .ea-select,
+  & > .el-select {
+    width: 100%;
+  }
+}
+.ea-form .el-form-item.hidden-label {
+  > .el-form-item__label {
+    display: none;
+  }
+  > .el-form-item__content {
+    width: 100%;
+  }
+}
+
 .ea-select-container {
   display: flex;
   justify-content: flex-start;
@@ -812,23 +829,6 @@ 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;

package/package.json

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