element-assits 0.0.63 → 0.0.64

package/lib/index.js

@@ -1486,7 +1486,7 @@ const wx = {
 var xx = function() {
   var t = this, i = t._self._c;
   return i("el-form-item", { ref: "ElFormItem", class: { "hidden-label": t.top.labelWidth === "0" }, style: t.column.style, attrs: { label: t.column.__label, prop: t.column.prop, rules: t.column.__rules }, scopedSlots: t._u([{ key: "label", fn: function() {
-    return [t._v(" " + t._s(t.column.__label) + " "), t.column.__labelTooltip ? i("el-tooltip", t._b({}, "el-tooltip", t.tooltip(t.column.__labelTooltip), !1), [i("i", { staticClass: "el-icon-warning-outline" })]) : t._e()];
+    return [t._v(t._s(t.column.__label) + " "), t.column.__labelTooltip ? i("el-tooltip", t._b({}, "el-tooltip", t.tooltip(t.column.__labelTooltip), !1), [i("i", { staticClass: "el-icon-warning-outline" })]) : t._e()];
   }, proxy: !0 }]) }, [i(t.column.__component, t._g(t._b({ tag: "component", on: { change: function(l) {
     t.top.$emit("change", t.top.model), t.$refs.ElFormItem.$emit("el.form.change");
   } }, nativeOn: { keyup: function(l) {
@@ -1509,6 +1509,10 @@ const Tx = {
   name: "LayoutContainer",
   components: { FormItem: Sx },
   props: {
+    root: {
+      type: Boolean,
+      default: !1
+    },
     title: {
       type: String,
       default: void 0
@@ -1531,7 +1535,7 @@ var Ax = function() {
   var t = this, i = t._self._c;
   return t.inline ? i("span", [t._l(t.column, function(l) {
     return [i("FormItem", { key: l.key, attrs: { column: l } })];
-  })], 2) : i("div", [t.title ? i("div", { staticClass: "form-group-title" }, [i("span", [t._v(t._s(t.title))])]) : t._e(), t.column && t.column.length ? i("el-row", { attrs: { gutter: 18 } }, t._l(t.column, function(l, u) {
+  })], 2) : i("div", { class: { "form-group": !t.root } }, [t.title ? i("div", { staticClass: "form-group-title" }, [i("span", [t._v(t._s(t.title))])]) : t._e(), t.column && t.column.length ? i("el-row", { attrs: { gutter: 18 } }, t._l(t.column, function(l, u) {
     return i("el-col", { key: u, style: { marginBottom: (t.dense ? 0 : 9) + "px" }, attrs: { md: l.children ? 24 : l.span || 12, pull: l.pull, push: l.push, offset: l.offset } }, [l.children && l.children.length ? [i("LayoutContainer", { attrs: { column: l.children, title: l.title, dense: t.dense } })] : i("FormItem", { attrs: { column: l } })], 2);
   }), 1) : t._e()], 1);
 }, Ex = [], Ox = /* @__PURE__ */ X(
@@ -1818,7 +1822,7 @@ var Fx = function() {
   var t = this, i = t._self._c;
   return i("el-form", t._g(t._b({ ref: "form", staticClass: "ea-form", attrs: { model: t.model, rules: t.rules, inline: t.inline, "label-width": t.labelWidth }, nativeOn: { submit: function(l) {
     l.preventDefault();
-  } } }, "el-form", t.$attrs, !1), t.$listeners), [t._t("content-before"), i("LayoutContainer", { attrs: { column: t.dealtColumn, inline: t.inline, dense: t.dense } }), t._t("default")], 2);
+  } } }, "el-form", t.$attrs, !1), t.$listeners), [t._t("content-before"), i("LayoutContainer", { attrs: { root: !0, column: t.dealtColumn, inline: t.inline, dense: t.dense } }), t._t("default")], 2);
 }, Mx = [], Bx = /* @__PURE__ */ X(
   Px,
   Fx,

package/lib/style.scss

@@ -50,6 +50,45 @@ $--background-color-base: #F5F7FA !default;
   }
 }
 
+.ea-data-table {
+  .edt-row {
+    display: flex;
+    .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;
+    }
+    &.edt-header {
+      background-color: $--color-border-extralight;
+      color: $--color-primary-text;
+    }
+  }
+  &--border {
+    border: 1px solid $--color-border-light;
+    .edt-row {
+      .edt-cell {
+        border-bottom: 1px solid $--color-border-light;
+        border-left: 1px solid $--color-border-light;
+        &:first-child {
+          border-left: 0;
+        }
+      }
+      &:last-child .edt-cell{
+        border-bottom: 0;
+      }
+    }
+  }
+  .loading-text {
+    color: $--color-secondary-text;
+    text-align: center;
+    font-size: inherit;
+  }
+}
+
 // table
 .ea-table {
   // 表格头部样式美化
@@ -167,45 +206,6 @@ $--background-color-base: #F5F7FA !default;
   transform: scaleY(0);
 }
 
-.ea-data-table {
-  .edt-row {
-    display: flex;
-    .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;
-    }
-    &.edt-header {
-      background-color: $--color-border-extralight;
-      color: $--color-primary-text;
-    }
-  }
-  &--border {
-    border: 1px solid $--color-border-light;
-    .edt-row {
-      .edt-cell {
-        border-bottom: 1px solid $--color-border-light;
-        border-left: 1px solid $--color-border-light;
-        &:first-child {
-          border-left: 0;
-        }
-      }
-      &:last-child .edt-cell{
-        border-bottom: 0;
-      }
-    }
-  }
-  .loading-text {
-    color: $--color-secondary-text;
-    text-align: center;
-    font-size: inherit;
-  }
-}
-
 .el-dialog.ea-modal {
   &.is-closing {
     margin: 0 0 50px !important;
@@ -224,6 +224,10 @@ $--background-color-base: #F5F7FA !default;
   }
 }
 
+.ea-number .el-input__inner {
+  text-align: left;
+}
+
 .ea-button-tooltip + .ea-button-tooltip {
   margin-left: 10px;
 }
@@ -340,18 +344,6 @@ td {
   }
 }
 
-.ea-tree {
-  .ea-tree-real {
-    .el-tree-node > .el-tree-node__content{
-      border-radius: 4px;
-    }
-    .el-tree-node.is-current > .el-tree-node__content {
-      color: $--color-primary;
-      background-color: rgba($--color-primary, 0.1);
-    }
-  }
-}
-
 .ea-list {
   .loading-text {
     color: $--color-secondary-text;
@@ -360,54 +352,6 @@ td {
   }
 }
 
-.ea-desc {
-  font-size: 14px;
-  &__title {
-    font-size: 16px;
-    margin-bottom: 12px;
-  }
-  &__list {
-    display: flex;
-    flex-wrap: wrap;
-  }
-}
-.ea-desc .item {
-  line-height: 24px;
-  margin-bottom: 10px;
-  flex: 0 0 auto;
-  .item-label {
-    float: left;
-    text-align: right;
-    padding-right: 8px;
-    color: #909399;
-  }
-  .item-value {
-    word-break: break-all;
-    overflow: hidden;
-    .value-no-wrap {
-      height: 48px;
-      overflow: hidden;
-      position: relative;
-      .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: $--color-primary;
-        user-select: none;
-      }
-    }
-  }
-}
-
-.ea-number .el-input__inner {
-  text-align: left;
-}
-
 .file-upload-dialog {
   // 拖拽区域铺满
   .el-upload,
@@ -435,6 +379,74 @@ td {
   }
 }
 
+.ea-tree {
+  .ea-tree-real {
+    .el-tree-node > .el-tree-node__content{
+      border-radius: 4px;
+    }
+    .el-tree-node.is-current > .el-tree-node__content {
+      color: $--color-primary;
+      background-color: rgba($--color-primary, 0.1);
+    }
+  }
+}
+
+.ea-data-tree-body {
+  &.ea-data-tree-body__border {
+    border: 1px solid $--color-border-light;
+  }
+}
+
+.ea-data-tree-row {
+  display: flex;
+  justify-content: flex-start;
+  position: relative;
+  padding-left: 20px;
+  box-sizing: border-box;
+  &.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;
+}
+
 .vjs-table {
   position: relative;
   overflow: hidden;
@@ -634,62 +646,50 @@ 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-desc {
+  font-size: 14px;
+  &__title {
+    font-size: 16px;
+    margin-bottom: 12px;
+  }
+  &__list {
+    display: flex;
+    flex-wrap: wrap;
   }
 }
-
-.ea-data-tree-row {
-  display: flex;
-  justify-content: flex-start;
-  position: relative;
-  padding-left: 20px;
-  box-sizing: border-box;
-  &.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-desc .item {
+  line-height: 24px;
+  margin-bottom: 10px;
+  flex: 0 0 auto;
+  .item-label {
+    float: left;
+    text-align: right;
+    padding-right: 8px;
+    color: #909399;
   }
-  .ea-data-tree-icon {
-    cursor: pointer;
-    position: absolute;
-    height: 100%;
-    color: #CCC;
-    display: flex;
-    align-items: center;
-    z-index: 1;
-    &:hover {
-      color: #333;
+  .item-value {
+    word-break: break-all;
+    overflow: hidden;
+    .value-no-wrap {
+      height: 48px;
+      overflow: hidden;
+      position: relative;
+      .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: $--color-primary;
+        user-select: none;
+      }
     }
   }
 }
 
-.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-form .form-group-title {
   position: relative;
   height: 32px;

package/package.json

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