element-assits 0.0.17 → 0.0.18

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:
@@ -2068,8 +2069,8 @@ var El = function() {
         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 } }) : e._t("row-menu", null, null, r)];
+    } }], null, !1, 3677384915) }, "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

@@ -40,141 +40,6 @@ $--color-border-extralight: #F2F6FC !default;
   }
 }
 
-// table
-.ea-table {
-  // 表格头部样式美化
-  .el-table {
-    th {
-      background-color: $--color-border-extralight;
-      color: $--color-primary-text;
-      .cell {
-        min-height: 30px;
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-      }
-      &.is-center .cell { justify-content: center }
-      &.is-right .cell { justify-content: flex-end }
-    }
-    td, th {
-      .cell {
-        line-height: 1.2;
-      }
-    }
-    &.el-table--small {
-      td, th {
-        height: 48px;
-      }
-    }
-    &.is-dense {
-      td, th {
-        height: 32px;
-        padding: 2px 0;
-        .el-button {
-          padding-top: 0;
-          padding-bottom: 0;
-        }
-      }
-    }
-  }
-  // 列的更多菜单项
-  .theader-th-cell {
-    .cell-icon-menu {
-      position: absolute;
-      top: 50%;
-      right: 4px;
-      transform: rotate(90deg) translateX(-50%);
-      color: $--color-placeholder-text;
-      cursor: pointer;
-      padding: 4px;
-      border-radius: 2px;
-      &:hover {
-        color: $--color-primary-text;
-        background-color: $--color-border-light;
-      }
-    }
-  }
-  // 表格底部
-  .ea-table__footer {
-    display: flex;
-    justify-content: space-between;
-    .ea-table__footer-right {
-      margin-left: auto;
-      padding-right: 0;
-    }
-    > * {
-      margin-top: 12px;
-    }
-  }
-
-  .column-transition-active {
-    opacity: 0.33;
-  }
-
-  .el-button > i {
-    min-width: 12px;
-  }
-
-  .more-btn > i{
-    transform: rotate(-90deg);
-  }
-}
-
-// table - popover
-.el-popover.ea-popover-no-padding {
-  padding: 8px 0;
-  min-width: 100px;
-  &.dense {
-    margin-top: 0px;
-    margin-bottom: 0px;
-    min-width: 70px;
-  }
-}
-
-.more-btn-panel {
-  &__item {
-    &:hover {
-      background-color: $--color-border-lighter;
-    }
-    .el-button {
-      padding: 8px 12px;
-      width: 100%;
-      text-align: left;
-    }
-  }
-}
-
-.ea-zoom-in-top-enter-active,
-.ea-zoom-in-top-leave-active {
-  opacity: 1;
-  transform: scaleY(1);
-  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
-  transform-origin: center top;
-}
-.ea-zoom-in-top-enter,
-.ea-zoom-in-top-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
-}
-
-.el-dialog.ea-modal {
-  &.is-closing {
-    margin: 0 !important;
-  }
-  &.is-fullscreen {
-    border-radius: 0;
-    margin: 0;
-  }
-  .el-dialog__header {
-    color: #555;
-    font-size: 18px;
-    .el-dialog__title {
-      color: inherit;
-      font-size: inherit;
-    }
-  }
-}
-
 .ea-button-tooltip + .ea-button-tooltip {
   margin-left: 10px;
 }
@@ -277,6 +142,32 @@ td {
   }
 }
 
+.el-dialog.ea-modal {
+  &.is-closing {
+    margin: 0 !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-list {
+  .loading-text {
+    color: $--color-secondary-text;
+    text-align: center;
+    font-size: inherit;
+  }
+}
+
 .ea-number .el-input__inner {
   text-align: left;
 }
@@ -293,41 +184,6 @@ 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;
-  }
-}
-
 .ea-desc {
   font-size: 14px;
   &__title {
@@ -371,6 +227,150 @@ 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;
+  }
+}
+
+// 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;

package/package.json

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