dmx-admin-ui 1.2.116 → 1.2.118

package/dist/group-tabs-plus-Dw-aebtx.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-BcV35P1v.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-BcV35P1v.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
+};

package/dist/{group-tabs-2wC_Hq6I.js → group-tabs-wtM5i-rY.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-BcV35P1v.js";
+const x = {
   name: "group-tabs",
   components: {
-    inputItem: j(() => import("./index-BBpn6jAS.js").then((t) => t.c))
+    inputItem: $(() => import("./index-BcV35P1v.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-DYpa8PNN.js → group-wH9Y8Glo.js}

@@ -1,9 +1,9 @@
-import { resolveComponent as V, openBlock as s, createElementBlock as n, normalizeClass as p, createBlock as h, resolveDynamicComponent as k, normalizeProps as x, guardReactiveProps as v, withCtx as C, Fragment as f, renderList as g, createElementVNode as o, createCommentVNode as c, normalizeStyle as b, toDisplayString as d, createTextVNode as T, defineAsyncComponent as z } from "vue";
-import { _ as j } from "./index-BBpn6jAS.js";
+import { resolveComponent as k, openBlock as s, createElementBlock as n, normalizeClass as h, createBlock as p, resolveDynamicComponent as v, normalizeProps as x, guardReactiveProps as V, withCtx as z, Fragment as f, renderList as g, createElementVNode as o, createCommentVNode as u, normalizeStyle as b, toDisplayString as d, createTextVNode as C, defineAsyncComponent as T } from "vue";
+import { _ as j } from "./index-BcV35P1v.js";
 const O = {
   name: "form-group",
   components: {
-    inputItem: z(() => import("./index-BBpn6jAS.js").then((t) => t.c))
+    inputItem: T(() => import("./index-BcV35P1v.js").then((t) => t.c))
   },
   emits: ["change", "update:modelValue"],
   props: {
@@ -26,8 +26,8 @@ const O = {
     };
   },
   created() {
-    this.cols = this.init.cols, this.init.size && this.cols.forEach((t) => {
-      t.size = this.init.size;
+    this.cols = this.init.cols, (this.init.size || this.size) && this.cols.forEach((t) => {
+      t.size = this.init.size || this.size;
     }), this.init.alignTop && (this.alignTop = !0), this.init.config && (this.config = this.init.config), 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, e) {
@@ -42,8 +42,8 @@ const O = {
     change() {
       this.key++;
     },
-    change2(t, e) {
-      this.list[e][t.field] = t.data;
+    change2(t, e, r) {
+      r.field ? this.list[e][r.field] = t : this.list[e] = t;
     },
     del(t) {
       this.list.splice(t, 1), this.key++;
@@ -58,23 +58,23 @@ const O = {
   title: "拖动排序"
 }, I = { class: "item" }, B = { class: "input w-full" }, E = {
   key: 0,
-  class: "input-item-title"
+  class: "input-item-title break-all"
 }, N = { class: "input-item-input" }, S = {
   key: 0,
   class: "input-item-info text-3 op-70 pt-xs",
   style: { "line-height": "1.5" }
 }, D = ["onClick"], P = { class: "text-3 op-70 pl-sm" };
-function U(t, e, y, W, i, r) {
-  const _ = V("inputItem");
+function U(t, e, r, W, i, c) {
+  const y = k("inputItem");
   return s(), n("div", {
-    class: p(["input-group", i.limit == 1 ? "input-group-one" : ""])
+    class: h(["input-group", i.limit == 1 ? "input-group-one" : ""])
   }, [
-    (s(), h(k(i.limit > 1 ? "a-draggable" : "span"), x(v(i.limit > 1 ? { filter: ".del", handle: ".sort", list: i.list, onChange: r.change } : {})), {
-      default: C(() => [
-        (s(!0), n(f, null, g(i.list, (u, a) => (s(), n("div", w, [
+    (s(), p(v(i.limit > 1 ? "a-draggable" : "span"), x(V(i.limit > 1 ? { filter: ".del", handle: ".sort", list: i.list, onChange: c.change } : {})), {
+      default: z(() => [
+        (s(!0), n(f, null, g(i.list, (a, m) => (s(), n("div", w, [
           i.limit != 1 ? (s(), n("div", A, [...e[1] || (e[1] = [
             o("i", { class: "i-ri-menu-line" }, null, -1)
-          ])])) : c("", !0),
+          ])])) : u("", !0),
           o("div", I, [
             o("div", B, [
               (s(!0), n(f, null, g(i.cols, (l) => (s(), n("div", {
@@ -82,34 +82,34 @@ function U(t, e, y, W, i, r) {
                 style: b({ width: l.inputWidth ? l.inputWidth : "100%" })
               }, [
                 o("div", {
-                  class: p(["input-item-box", { "input-item-box-h": i.alignTop }])
+                  class: h(["input-item-box", { "input-item-box-h": i.alignTop }])
                 }, [
-                  l.title ? (s(), n("div", E, d(l.title) + ": ", 1)) : c("", !0),
+                  l.title ? (s(), n("div", E, d(l.title) + ": ", 1)) : u("", !0),
                   o("div", N, [
-                    (s(), h(_, {
+                    (s(), p(y, {
+                      size: r.size,
                       cols: i.cols,
-                      index: a,
+                      index: m,
                       key: i.key,
                       prop: l,
-                      onChange: (m) => r.change2(m, a),
-                      modelValue: u[l.field],
-                      "onUpdate:modelValue": (m) => u[l.field] = m
-                    }, null, 8, ["cols", "index", "prop", "onChange", "modelValue", "onUpdate:modelValue"]))
+                      "onUpdate:modelValue": (_) => c.change2(_, m, l),
+                      "model-value": l.field ? a[l.field] : a
+                    }, null, 8, ["size", "cols", "index", "prop", "onUpdate:modelValue", "model-value"]))
                   ])
                 ], 2),
                 l.info ? (s(), n("div", S, [
                   e[2] || (e[2] = o("i", { class: "i-ri-error-warning-line" }, null, -1)),
-                  T(" " + d(l.info), 1)
-                ])) : c("", !0)
+                  C(" " + d(l.info), 1)
+                ])) : u("", !0)
               ], 4))), 256))
             ]),
             i.limit != 1 ? (s(), n("div", {
               key: 0,
               class: "del",
-              onClick: (l) => r.del(a)
+              onClick: (l) => c.del(m)
             }, [...e[3] || (e[3] = [
               o("i", { class: "i-ri-close-line" }, null, -1)
-            ])], 8, D)) : c("", !0)
+            ])], 8, D)) : u("", !0)
           ])
         ]))), 256))
       ]),
@@ -117,16 +117,16 @@ function U(t, e, y, W, i, r) {
     }, 16)),
     i.limit != 1 && i.list.length < i.limit ? (s(), n("div", {
       key: 0,
-      class: p(["add flex justify-center items-center", { "add-small": y.init.size === "small" }]),
-      onClick: e[0] || (e[0] = (...u) => r.add && r.add(...u))
+      class: h(["add flex justify-center items-center", { "add-small": r.init.size === "small" }]),
+      onClick: e[0] || (e[0] = (...a) => c.add && c.add(...a))
     }, [
       e[4] || (e[4] = o("i", { class: "i-ri-add-line font-xl" }, null, -1)),
       o("span", null, d(i.config.text), 1),
       o("span", P, "(" + d(i.list.length) + "/" + d(i.limit) + ")", 1)
-    ], 2)) : c("", !0)
+    ], 2)) : u("", !0)
   ], 2);
 }
-const R = /* @__PURE__ */ j(O, [["render", U], ["__scopeId", "data-v-22bc6c61"]]);
+const R = /* @__PURE__ */ j(O, [["render", U], ["__scopeId", "data-v-840e2a2b"]]);
 export {
   R as default
 };