element-assits 0.0.17 → 0.0.19

package/lib/index.js

@@ -4,8 +4,8 @@ const St = ln;
 var un = typeof self == "object" && self && self.Object === Object && self, cn = St || un || Function("return this")();
 const O = cn;
 var dn = O.Symbol;
-const x = dn;
-var Ot = Object.prototype, fn = Ot.hasOwnProperty, hn = Ot.toString, q = x ? x.toStringTag : void 0;
+const T = dn;
+var Ot = Object.prototype, fn = Ot.hasOwnProperty, hn = Ot.toString, q = T ? T.toStringTag : void 0;
 function pn(t) {
   var e = fn.call(t, q), n = t[q];
   try {
@@ -20,7 +20,7 @@ var _n = Object.prototype, gn = _n.toString;
 function mn(t) {
   return gn.call(t);
 }
-var yn = "[object Null]", bn = "[object Undefined]", Ke = x ? x.toStringTag : void 0;
+var yn = "[object Null]", bn = "[object Undefined]", Ke = T ? T.toStringTag : void 0;
 function I(t) {
   return t == null ? t === void 0 ? bn : yn : Ke && Ke in Object(t) ? pn(t) : mn(t);
 }
@@ -38,7 +38,7 @@ function Pe(t, e) {
 }
 var $n = Array.isArray;
 const y = $n;
-var wn = 1 / 0, Ye = x ? x.prototype : void 0, Ze = Ye ? Ye.toString : void 0;
+var wn = 1 / 0, Ye = T ? T.prototype : void 0, Ze = Ye ? Ye.toString : void 0;
 function Et(t) {
   if (typeof t == "string")
     return t;
@@ -529,7 +529,7 @@ function Be(t, e) {
     t[i + n] = e[n];
   return t;
 }
-var it = x ? x.isConcatSpreadable : void 0;
+var it = T ? T.isConcatSpreadable : void 0;
 function qi(t) {
   return y(t) || le(t) || !!(it && t && t[it]);
 }
@@ -696,7 +696,7 @@ function Rs(t) {
   var e = new t.constructor(t.source, Ls.exec(t));
   return e.lastIndex = t.lastIndex, e;
 }
-var pt = x ? x.prototype : void 0, _t = pt ? pt.valueOf : void 0;
+var pt = T ? T.prototype : void 0, _t = pt ? pt.valueOf : void 0;
 function Fs(t) {
   return _t ? Object(_t.call(t)) : {};
 }
@@ -866,7 +866,7 @@ function Go(t) {
     n[++e] = r;
   }), n;
 }
-var Xo = 1, Ko = 2, Yo = "[object Boolean]", Zo = "[object Date]", Jo = "[object Error]", Qo = "[object Map]", Vo = "[object Number]", ea = "[object RegExp]", ta = "[object Set]", na = "[object String]", ra = "[object Symbol]", ia = "[object ArrayBuffer]", sa = "[object DataView]", yt = x ? x.prototype : void 0, me = yt ? yt.valueOf : void 0;
+var Xo = 1, Ko = 2, Yo = "[object Boolean]", Zo = "[object Date]", Jo = "[object Error]", Qo = "[object Map]", Vo = "[object Number]", ea = "[object RegExp]", ta = "[object Set]", na = "[object String]", ra = "[object Symbol]", ia = "[object ArrayBuffer]", sa = "[object DataView]", yt = T ? T.prototype : void 0, me = yt ? yt.valueOf : void 0;
 function oa(t, e, n, r, i, s, o) {
   switch (n) {
     case sa:
@@ -1378,7 +1378,7 @@ var ol = function() {
   null,
   null
 );
-const ul = ll.exports, T = () => Math.random().toString(), Oe = (t, e, n = "children", r = []) => {
+const ul = ll.exports, x = () => Math.random().toString(), Oe = (t, e, n = "children", r = []) => {
   for (let i = 0; i < t.length; i++)
     if (e && e(t[i], r) === !1 || t[i][n] && t[i][n].length && (r.push(t[i]), Oe(t[i][n], e, n, r) === !1))
       return !1;
@@ -1872,6 +1872,7 @@ const Ol = {
     };
     let e = [];
     return this.pageRequest ? this.data.splice(0) : (e = L(this.data), this.data.splice(t.pageSize), t.total = e.length), {
+      uuid: x,
       rawColumn: [],
       columnMenu: Tl,
       innerLoading: !1,
@@ -1933,7 +1934,7 @@ const Ol = {
         return;
       const e = L(t);
       e.forEach((n, r) => {
-        n.show === void 0 && this.$set(n, "show", !0), n.key === void 0 && this.$set(n, "key", T()), n.sort === void 0 && (n.sort = r), n.bind = n.bind || {}, n.bind.render = n.bind.render || n.render, this.columnControl && (n.bind.renderHeader = this.middleRender(n.bind.renderHeader));
+        n.show === void 0 && this.$set(n, "show", !0), n.key === void 0 && this.$set(n, "key", x()), n.sort === void 0 && (n.sort = r), n.bind = n.bind || {}, n.bind.render = n.bind.render || n.render, this.columnControl && (n.bind.renderHeader = this.middleRender(n.bind.renderHeader));
       }), this.rawColumn = e;
     },
     handleTriggerMenu(t, e) {
@@ -1948,28 +1949,28 @@ const Ol = {
       };
       switch (t.value) {
         case 1:
-          i.bind.className = "column-transition-active", i.key = T(), setTimeout(() => {
-            i.show = !1, i.key = T(), this.$nextTick(() => this.$refs.table.doLayout());
+          i.bind.className = "column-transition-active", i.key = x(), setTimeout(() => {
+            i.show = !1, i.key = x(), this.$nextTick(() => this.$refs.table.doLayout());
           }, 300);
           break;
         case 11:
-          i.bind.className = "column-transition-active", i.show = !0, i.key = T(), this.$nextTick(() => this.$refs.table.doLayout()), setTimeout(() => {
-            i.bind.className = "", i.key = T();
+          i.bind.className = "column-transition-active", i.show = !0, i.key = x(), this.$nextTick(() => this.$refs.table.doLayout()), setTimeout(() => {
+            i.bind.className = "", i.key = x();
           }, 300);
           break;
         case 21:
-          this.rawColumn.splice(r, 1), this.rawColumn.splice(s(i), 0, i), i.bind.fixed = !1, i.bind.className = "column-transition-active", i.key = T(), setTimeout(() => {
-            i.bind.className = "", i.key = T(), this.$nextTick(() => this.$refs.table.doLayout());
+          this.rawColumn.splice(r, 1), this.rawColumn.splice(s(i), 0, i), i.bind.fixed = !1, i.bind.className = "column-transition-active", i.key = x(), setTimeout(() => {
+            i.bind.className = "", i.key = x(), this.$nextTick(() => this.$refs.table.doLayout());
           }, 300);
           break;
         case 22:
-          this.rawColumn.splice(r, 1), this.rawColumn.push(i), i.bind.fixed = !0, i.bind.className = "column-transition-active", i.key = T(), this.$nextTick(() => this.$refs.table.doLayout()), setTimeout(() => {
-            i.bind.className = "", i.key = T(), this.$nextTick(() => this.$refs.table.doLayout());
+          this.rawColumn.splice(r, 1), this.rawColumn.push(i), i.bind.fixed = !0, i.bind.className = "column-transition-active", i.key = x(), this.$nextTick(() => this.$refs.table.doLayout()), setTimeout(() => {
+            i.bind.className = "", i.key = x(), this.$nextTick(() => this.$refs.table.doLayout());
           }, 300);
           break;
         case 23:
-          this.rawColumn.splice(r, 1), this.rawColumn.unshift(i), i.bind.fixed = "right", i.bind.className = "column-transition-active", i.key = T(), this.$nextTick(() => this.$refs.table.doLayout()), setTimeout(() => {
-            i.bind.fixed = "right", i.bind.className = "", i.key = T(), this.$nextTick(() => this.$refs.table.doLayout());
+          this.rawColumn.splice(r, 1), this.rawColumn.unshift(i), i.bind.fixed = "right", i.bind.className = "column-transition-active", i.key = x(), this.$nextTick(() => this.$refs.table.doLayout()), setTimeout(() => {
+            i.bind.fixed = "right", i.bind.className = "", i.key = x(), this.$nextTick(() => this.$refs.table.doLayout());
           }, 300);
           break;
         case 3:
@@ -2063,13 +2064,13 @@ var El = function() {
       ...e.$attrs
     }, !1), e.$listeners), [e._t("before-column"), e.theIndex.show ? n("el-table-column", e._b({ attrs: { type: "index" }, scopedSlots: e._u([{ key: "default", fn: function({ $index: r }) {
       return [e._v(" " + e._s((e.asyncPageCurrent - 1) * e.page.pageSize + r + 1) + " ")];
-    } }], null, !1, 2889338112) }, "el-table-column", { label: "\u5E8F\u53F7", align: "center", fixed: !0, width: 50 + Math.ceil((String(e.page.current).length - 1) * 7), ...e.theIndex.attrs }, !1)) : e._e(), e.theSelection.show ? n("el-table-column", e._b({ attrs: { type: "selection" } }, "el-table-column", { align: "center", fixed: !0, ...e.theSelection.attrs }, !1)) : e._e(), e._l(e.rawColumn.filter((r) => r.show !== !1), function(r) {
+    } }], null, !1, 2889338112) }, "el-table-column", { label: "\u5E8F\u53F7", align: "center", fixed: !0, width: 50 + Math.ceil((String(e.page.current).length - 1) * 7), ...e.theIndex.attrs }, !1)) : e._e(), e.theSelection.show ? n("el-table-column", e._b({ attrs: { type: "selection" } }, "el-table-column", { align: "center", fixed: !0, width: 50, ...e.theSelection.attrs }, !1)) : e._e(), e._l(e.rawColumn.filter((r) => r.show !== !1), function(r) {
       return n("el-table-column", e._g(e._b({ key: r.key, attrs: { label: r.label, prop: r.prop }, scopedSlots: e._u([r.bind.render ? { key: "default", fn: function({ row: i, column: s }) {
         return [n(e.generateRender(i, r, s), { tag: "component" })];
       } } : null], null, !0) }, "el-table-column", r.bind, !1), r.on));
     }), e.theOperation.show ? n("el-table-column", e._b({ scopedSlots: e._u([{ key: "default", fn: function(r) {
-      return [e.theOperation.render ? n(e.theOperation.render, { key: r && r.row && r.row.id || e.uuid(), tag: "component", attrs: { scope: r } }) : e._t("row-menu", null, null, r)];
-    } }], null, !1, 173819514) }, "el-table-column", { label: "\u64CD\u4F5C", align: "center", fixed: "right", ...e.theOperation.attrs }, !1)) : e._e(), e._t("after-column")], 2)], 1)];
+      return [e.theOperation.render ? n(e.theOperation.render, { key: e.uuid(), tag: "component", attrs: { scope: r } }) : n("div", { key: e.uuid() }, [e._t("row-menu", null, null, r)], 2)];
+    } }], null, !1, 931019466) }, "el-table-column", { label: "\u64CD\u4F5C", align: "center", fixed: "right", ...e.theOperation.attrs }, !1)) : e._e(), e._t("after-column")], 2)], 1)];
   }, { data: e.data }), e._t("footer", function() {
     return [n("div", { staticClass: "ea-table__footer" }, [n("div", [e._t("bottom-menu")], 2), e.thePagination.show && e.page.total ? n("el-pagination", e._b({ staticClass: "ea-table__footer-right", attrs: { layout: "total, sizes, prev, pager, next, jumper", "page-size": e.page.pageSize, "current-page": e.page.current, total: e.page.total, "page-sizes": [10, 20, 50, 100], background: "" }, on: { "size-change": e.handleSizeChange, "current-change": e.handleCurrentChange } }, "el-pagination", e.thePagination.attrs, !1)) : e._e()], 1)];
   })], 2);
@@ -2975,5 +2976,5 @@ export {
   M as asyncLoad,
   Gu as default,
   Oe as recursive,
-  T as uuid
+  x as uuid
 };

package/lib/style.scss

@@ -11,35 +11,6 @@ $--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%;
-  }
-  .async-loading.el-icon-loading {
-    position: absolute;
-    top: 10px;
-    right: 28px;
-    color: #999;
-  }
-}
-.ea-select-popover {
-  .el-select-dropdown__item {
-    display: flex;
-    .select-item-value {
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-    .select-item-desc {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      color: #8492a6;
-      margin-left: 8px;
-    }
-  }
-}
-
 // table
 .ea-table {
   // 表格头部样式美化
@@ -157,6 +128,35 @@ $--color-border-extralight: #F2F6FC !default;
   transform: scaleY(0);
 }
 
+.ea-select {
+  display: inline-block;
+  position: relative;
+  .el-select {
+    width: 100%;
+  }
+  .async-loading.el-icon-loading {
+    position: absolute;
+    top: 10px;
+    right: 28px;
+    color: #999;
+  }
+}
+.ea-select-popover {
+  .el-select-dropdown__item {
+    display: flex;
+    .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 !important;
@@ -175,6 +175,43 @@ $--color-border-extralight: #F2F6FC !default;
   }
 }
 
+.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-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;
+    .sc-texture {
+      width: 4px;
+      height: 1px;
+      background: rgba(23, 35, 61, .25);
+      margin-top: 3px;
+    }
+  }
+}
+
 .ea-button-tooltip + .ea-button-tooltip {
   margin-left: 10px;
 }
@@ -240,47 +277,6 @@ td {
   }
 }
 
-.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-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;
-    .sc-texture {
-      width: 4px;
-      height: 1px;
-      background: rgba(23, 35, 61, .25);
-      margin-top: 3px;
-    }
-  }
-}
-
-.ea-number .el-input__inner {
-  text-align: left;
-}
-
 .ea-tree {
   .ea-tree-real {
     .el-tree-node > .el-tree-node__content{
@@ -293,31 +289,8 @@ 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-number .el-input__inner {
+  text-align: left;
 }
 
 .ea-list {
@@ -371,27 +344,30 @@ td {
   }
 }
 
-.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;
+.file-upload-dialog {
+  // 拖拽区域铺满
+  .el-upload,
+  .el-upload .el-upload-dragger {
     width: 100%;
-    height: 0;
-    border-bottom: 1px dashed $--color-border-base;
+  }
+  // 文件列表项边框
+  .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;
   }
 }
 
@@ -449,20 +425,27 @@ 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;
   }
 }
 
@@ -505,3 +488,20 @@ 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%;
+  }
+}

package/package.json

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