dmx-admin-ui 1.2.116 → 1.2.117

package/dist/{group-tabs-2wC_Hq6I.js → group-tabs-DqA7KhIl.js}

@@ -1,9 +1,9 @@
-import { resolveComponent as r, openBlock as i, createElementBlock as l, createVNode as T, withCtx as f, Fragment as _, renderList as y, createBlock as h, createElementVNode as o, normalizeStyle as V, toDisplayString as b, createCommentVNode as p, createTextVNode as $, defineAsyncComponent as j } from "vue";
-import { _ as x } from "./index-BBpn6jAS.js";
-const v = {
+import { resolveComponent as r, openBlock as i, createElementBlock as l, createVNode as k, withCtx as f, Fragment as _, renderList as V, createBlock as h, createElementVNode as o, normalizeStyle as b, toDisplayString as y, createCommentVNode as p, createTextVNode as T, defineAsyncComponent as $ } from "vue";
+import { _ as j } from "./index-AHjtm1MH.js";
+const x = {
   name: "group-tabs",
   components: {
-    inputItem: j(() => import("./index-BBpn6jAS.js").then((t) => t.c))
+    inputItem: $(() => import("./index-AHjtm1MH.js").then((e) => e.c))
   },
   emits: ["change", "update:modelValue"],
   props: {
@@ -26,12 +26,12 @@ const v = {
     };
   },
   created() {
-    this.init.tabs && typeof this.init.tabs == "function" ? this.tabs = this.init.tabs(this.modelValue) : this.init.tabs && (this.tabs = this.init.tabs), this.init.cols && (Array.isArray(this.init.cols) ? this.cols = this.init.cols : typeof this.init.cols == "object" && (this.cols = [this.init.cols]), this.init.size && this.cols.forEach((t) => {
-      t.size = this.init.size;
+    this.init.tabs && typeof this.init.tabs == "function" ? this.tabs = this.init.tabs(this.modelValue) : this.init.tabs && (this.tabs = this.init.tabs), this.init.cols && (Array.isArray(this.init.cols) ? this.cols = this.init.cols : typeof this.init.cols == "object" && (this.cols = [this.init.cols]), this.init.size && this.cols.forEach((e) => {
+      e.size = this.init.size;
     }), this.init.alignTop && (this.alignTop = !0), this.init.limit > 1 && (this.limit = this.init.limit), this.modelValue && this.modelValue.constructor.name === "Object" ? (this.dataType = "Object", this.list = [this.modelValue]) : this.modelValue && this.modelValue.constructor.name === "Array" && (this.list = this.modelValue), this.limit === 1 && (this.dataType = "Object", this.modelValue || (this.list = [{}])), this.$watch(
       "list",
-      function(t, d) {
-        this.dataType === "Object" && (t = t[0]), console.log(t, this.dataType), this.$emit("update:modelValue", t), this.$emit("change", t);
+      function(e, d) {
+        this.dataType === "Object" && (e = e[0]), this.$emit("update:modelValue", e), this.$emit("change", e);
       },
       {
         deep: !0
@@ -42,8 +42,8 @@ const v = {
     change() {
       this.key++;
     },
-    del(t) {
-      this.list.splice(t, 1), this.key++;
+    del(e) {
+      this.list.splice(e, 1), this.key++;
     },
     add() {
       this.list.push({});
@@ -53,47 +53,47 @@ const v = {
   key: 0,
   class: "input-item-info text-3 op-70 pt-xs leading-15"
 };
-function W(t, d, n, B, c, E) {
-  const m = r("inputItem"), g = r("el-tab-pane"), k = r("el-tabs");
+function W(e, d, n, B, u, E) {
+  const m = r("inputItem"), g = r("el-tab-pane"), v = r("el-tabs");
   return i(), l("div", w, [
-    T(k, { type: "border-card" }, {
+    k(v, { type: "border-card" }, {
       default: f(() => [
-        (i(!0), l(_, null, y(c.tabs, (a, s) => (i(), h(g, {
-          label: a.title
+        (i(!0), l(_, null, V(u.tabs, (a, s) => (i(), h(g, {
+          label: a.label
         }, {
           default: f(() => [
             o("div", A, [
               o("div", O, [
                 o("div", z, [
-                  (i(!0), l(_, null, y(c.cols, (e) => (i(), l("div", {
+                  (i(!0), l(_, null, V(u.cols, (t) => (i(), l("div", {
                     class: "input-item",
-                    style: V({ width: e.inputWidth ? e.inputWidth : "100%" })
+                    style: b({ width: t.inputWidth ? t.inputWidth : "100%" })
                   }, [
                     o("div", C, [
-                      e.title ? (i(), l("div", {
+                      t.title ? (i(), l("div", {
                         key: 0,
                         class: "input-item-title",
-                        style: V(`width:${e.labelWidth || n.init.labelWidth};`)
-                      }, b(e.title) + ": ", 5)) : p("", !0),
+                        style: b(`width:${t.labelWidth || n.init.labelWidth};`)
+                      }, y(t.title) + ": ", 5)) : p("", !0),
                       o("div", N, [
-                        e.field ? (i(), h(m, {
+                        t.field ? (i(), h(m, {
                           key: 0,
-                          modelValue: n.modelValue[a.key || s][e.field],
-                          "onUpdate:modelValue": (u) => n.modelValue[a.key || s][e.field] = u,
+                          modelValue: n.modelValue[a.value || s][t.field],
+                          "onUpdate:modelValue": (c) => n.modelValue[a.value || s][t.field] = c,
                           index: s,
-                          prop: e
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "index", "prop"])) : c.cols.length === 1 ? (i(), h(m, {
+                          prop: t
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "index", "prop"])) : u.cols.length === 1 ? (i(), h(m, {
                           key: 1,
-                          modelValue: n.modelValue[a.key || s],
-                          "onUpdate:modelValue": (u) => n.modelValue[a.key || s] = u,
+                          modelValue: n.modelValue[a.value || s],
+                          "onUpdate:modelValue": (c) => n.modelValue[a.value || s] = c,
                           index: s,
-                          prop: e
+                          prop: t
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "index", "prop"])) : p("", !0)
                       ])
                     ]),
-                    e.info ? (i(), l("div", U, [
+                    t.info ? (i(), l("div", U, [
                       d[0] || (d[0] = o("i", { class: "i-ri-error-warning-line" }, null, -1)),
-                      $(" " + b(e.info), 1)
+                      T(" " + y(t.info), 1)
                     ])) : p("", !0)
                   ], 4))), 256))
                 ])
@@ -107,7 +107,7 @@ function W(t, d, n, B, c, E) {
     })
   ]);
 }
-const D = /* @__PURE__ */ x(v, [["render", W]]);
+const D = /* @__PURE__ */ j(x, [["render", W]]);
 export {
   D as default
 };

package/dist/group-tabs-plus-DhKLblMj.js

@@ -0,0 +1,187 @@
+import { resolveComponent as d, openBlock as n, createElementBlock as a, createVNode as y, withCtx as u, createElementVNode as o, createBlock as f, createTextVNode as c, createCommentVNode as r, toDisplayString as b, Fragment as g, renderList as k, normalizeStyle as V, normalizeClass as j, defineAsyncComponent as z } from "vue";
+import { _ as A } from "./index-AHjtm1MH.js";
+function U(e, t) {
+  if (t <= 0 || t >= e.length) return [...e];
+  const i = [...e];
+  return [i[t], i[t - 1]] = [i[t - 1], i[t]], i;
+}
+function O(e, t) {
+  if (t < 0 || t >= e.length - 1) return [...e];
+  const i = [...e];
+  return [i[t], i[t + 1]] = [i[t + 1], i[t]], i;
+}
+const D = {
+  name: "group-tabs-plus",
+  components: {
+    inputItem: z(() => import("./index-AHjtm1MH.js").then((e) => e.c))
+  },
+  emits: ["change", "update:modelValue"],
+  props: {
+    init: Object,
+    size: {
+      type: String,
+      default: ""
+    },
+    modelValue: Array
+  },
+  data() {
+    return {
+      tab: 0,
+      dataType: "Array",
+      limit: 4,
+      key: 1,
+      alignTop: !1,
+      list: [],
+      cols: []
+    };
+  },
+  created() {
+    this.init.cols && (Array.isArray(this.init.cols) ? this.cols = this.init.cols : typeof this.init.cols == "object" && (this.cols = [this.init.cols]), this.init.size && this.cols.forEach((e) => {
+      e.size = this.init.size;
+    }), this.init.alignTop && (this.alignTop = !0), this.init.limit > 1 && (this.limit = this.init.limit), this.modelValue && this.modelValue.constructor.name === "Object" ? (this.dataType = "Object", this.list = [this.modelValue]) : this.modelValue && this.modelValue.constructor.name === "Array" && (this.list = this.modelValue), this.limit === 1 && (this.dataType = "Object", this.modelValue || (this.list = [{}])), this.$watch(
+      "list",
+      function(e, t) {
+        this.dataType === "Object" && (e = e[0]), this.$emit("update:modelValue", e), this.$emit("change", e);
+      },
+      {
+        deep: !0
+      }
+    ));
+  },
+  methods: {
+    change() {
+      this.key++;
+    },
+    moveDown() {
+      this.list = O(this.list, this.tab), this.tab = this.tab + 1, this.key++;
+    },
+    moveUp() {
+      this.list = U(this.list, this.tab), this.tab = this.tab - 1, this.key++;
+    },
+    removeTab() {
+      this.list.splice(this.tab, 1), this.tab = this.list.length - 1;
+    },
+    addTab() {
+      if (this.list.length >= this.limit)
+        return $msg.info("只能添加" + this.limit + "条数据");
+      this.list.push({}), this.tab = this.list.length - 1;
+    }
+  }
+}, N = { class: "group-tabs-plus pb bg-main" }, W = { class: "flex justify-between pr pb-3 b-b" }, x = { class: "flex justify-end" }, B = { class: "input-group-item" }, E = { class: "item" }, I = { class: "input w-full" }, S = { class: "input-item-input" }, F = {
+  key: 0,
+  class: "input-item-info text-3 op-70 pt-xs leading-15"
+}, L = { class: "flex justify-end mt mr" }, P = {
+  key: 0,
+  class: "flex justify-center py"
+};
+function q(e, t, i, G, s, p) {
+  const m = d("el-button"), v = d("inputItem"), T = d("el-tab-pane"), w = d("el-tabs");
+  return n(), a("div", N, [
+    y(w, {
+      class: "group-tabs-plus-tabs",
+      type: "card",
+      modelValue: s.tab,
+      "onUpdate:modelValue": t[0] || (t[0] = (_) => s.tab = _)
+    }, {
+      default: u(() => [
+        o("div", W, [
+          o("div", x, [
+            s.tab > 0 ? (n(), f(m, {
+              key: 0,
+              type: "default",
+              size: "small",
+              onClick: p.moveUp
+            }, {
+              default: u(() => [...t[1] || (t[1] = [
+                c("前移", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])) : r("", !0),
+            s.tab >= 0 && s.tab < s.list.length - 1 ? (n(), f(m, {
+              key: 1,
+              type: "default",
+              size: "small",
+              onClick: p.moveDown
+            }, {
+              default: u(() => [...t[2] || (t[2] = [
+                c("后移", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])) : r("", !0)
+          ]),
+          y(m, {
+            type: "primary",
+            size: "small",
+            plain: "",
+            onClick: p.addTab
+          }, {
+            default: u(() => [
+              c("添加数据(" + b(s.list.length) + "/" + b(s.limit) + ")", 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        (n(!0), a(g, null, k(s.list, (_, h) => (n(), f(T, {
+          label: "数据/" + (h + 1),
+          name: h
+        }, {
+          default: u(() => [
+            o("div", B, [
+              o("div", E, [
+                o("div", I, [
+                  (n(!0), a(g, null, k(s.cols, (l) => (n(), a("div", {
+                    class: "input-item",
+                    style: V({ width: l.inputWidth ? l.inputWidth : "100%" })
+                  }, [
+                    o("div", {
+                      class: j(["input-item-box", i.init.alignTop ? "flex flex-col gap-2 *:w-full!" : "text-right"])
+                    }, [
+                      l.title ? (n(), a("div", {
+                        key: 0,
+                        class: "input-item-title",
+                        style: V(`width:${l.labelWidth || i.init.labelWidth};`)
+                      }, b(l.title) + ": ", 5)) : r("", !0),
+                      o("div", S, [
+                        l.field ? (n(), f(v, {
+                          key: s.key,
+                          modelValue: s.list[h][l.field],
+                          "onUpdate:modelValue": (C) => s.list[h][l.field] = C,
+                          index: h,
+                          prop: l
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "index", "prop"])) : r("", !0)
+                      ])
+                    ], 2),
+                    l.info ? (n(), a("div", F, [
+                      t[3] || (t[3] = o("i", { class: "i-ri-error-warning-line" }, null, -1)),
+                      c(" " + b(l.info), 1)
+                    ])) : r("", !0)
+                  ], 4))), 256))
+                ])
+              ])
+            ]),
+            o("div", L, [
+              y(m, {
+                type: "danger",
+                size: "small",
+                plain: "",
+                onClick: p.removeTab
+              }, {
+                default: u(() => [...t[4] || (t[4] = [
+                  c("删除此项", -1)
+                ])]),
+                _: 1
+              }, 8, ["onClick"])
+            ])
+          ]),
+          _: 2
+        }, 1032, ["label", "name"]))), 256))
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    s.list.length === 0 ? (n(), a("div", P, "点击右上方按钮添加数据")) : r("", !0)
+  ]);
+}
+const K = /* @__PURE__ */ A(D, [["render", q]]);
+export {
+  K as default
+};