dmx-admin-ui 1.2.108

package/dist/group-table-DqWxXK71.js

@@ -0,0 +1,139 @@
+// @unocss-include
+import { defineAsyncComponent as w, resolveComponent as f, createElementBlock as o, openBlock as n, createElementVNode as l, createCommentVNode as g, createBlock as c, Fragment as a, renderList as m, normalizeStyle as C, createTextVNode as _, toDisplayString as p, withCtx as y, resolveDynamicComponent as j, mergeProps as z, normalizeClass as v } from "vue";
+import { _ as O } from "./index-CuoBjxHd.js";
+const T = {
+  name: "form-group",
+  components: {
+    inputItem: w(() => import("./index-CuoBjxHd.js").then((r) => r.c))
+  },
+  emits: ["change", "update:modelValue"],
+  props: {
+    size: {
+      type: String,
+      default: ""
+    },
+    init: Object,
+    modelValue: Array | Object
+  },
+  data() {
+    return {
+      dataType: "Array",
+      limit: 1,
+      key: 1,
+      list: [],
+      cols: []
+    };
+  },
+  created() {
+    this.cols = this.init.cols;
+    const r = this.cols.filter((e) => !e.width).length;
+    console.log(r);
+    const t = `calc(${(100 / r).toFixed(1) + "%"} - ${(80 / r).toFixed(1) + "px"})`;
+    console.log(t), this.init.size && this.cols.forEach((e) => {
+      e.size = this.init.size, e.width || (e.width = t);
+    }), 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.$watch(
+      "list",
+      function(e, b) {
+        this.dataType === "Object" && (e = e[0]), this.$emit("update:modelValue", e), this.$emit("change", e);
+      },
+      {
+        deep: !0
+      }
+    );
+  },
+  methods: {
+    change() {
+      this.key++;
+    },
+    del(r) {
+      this.list.splice(r, 1), this.key++;
+    },
+    add() {
+      this.list.push({});
+    }
+  }
+}, A = { class: "input-group-table" }, I = { align: "left" }, B = { style: { "line-height": "1.2" } }, E = ["onClick"], F = { class: "text-3 op-70 pl-sm" };
+function N(r, t, e, b, i, u) {
+  const V = f("el-tooltip"), x = f("inputItem");
+  return n(), o("div", A, [
+    l("table", null, [
+      l("colgroup", null, [
+        t[1] || (t[1] = l("col", { width: 40 }, null, -1)),
+        (n(!0), o(a, null, m(i.cols, (s) => (n(), o("col", {
+          style: C({ width: s.width })
+        }, null, 4))), 256)),
+        t[2] || (t[2] = l("col", { width: 40 }, null, -1))
+      ]),
+      l("thead", null, [
+        l("tr", null, [
+          t[4] || (t[4] = l("th", null, null, -1)),
+          (n(!0), o(a, null, m(i.cols, (s) => (n(), o("th", I, [
+            l("div", B, [
+              _(p(s.title) + " ", 1),
+              s.info ? (n(), c(V, {
+                key: 0,
+                content: s.info,
+                placement: "bottom",
+                effect: "light"
+              }, {
+                default: y(() => [...t[3] || (t[3] = [
+                  l("i", { class: "i-ri-question-line op-70" }, null, -1)
+                ])]),
+                _: 1
+              }, 8, ["content"])) : g("", !0)
+            ])
+          ]))), 256)),
+          t[5] || (t[5] = l("th", { align: "right" }, null, -1))
+        ])
+      ]),
+      (n(), c(j(i.limit > 1 ? "a-draggable" : "span"), z({ tag: "tbody" }, i.limit > 1 ? { filter: ".del", handle: ".sort", list: i.list, onChange: u.change } : {}), {
+        default: y(() => [
+          (n(!0), o(a, null, m(i.list, (s, h) => (n(), o("tr", null, [
+            t[7] || (t[7] = l("td", null, [
+              l("div", {
+                class: "sort op-70",
+                title: "拖动排序"
+              }, [
+                l("i", { class: "i-ri-menu-line" })
+              ])
+            ], -1)),
+            (n(!0), o(a, null, m(i.cols, (d) => (n(), o("td", null, [
+              (n(), c(x, {
+                clearable: d.clearable ?? e.init.clearable ?? !1,
+                cols: i.cols,
+                index: h,
+                key: i.key,
+                prop: d,
+                modelValue: s[d.field],
+                "onUpdate:modelValue": (k) => s[d.field] = k
+              }, null, 8, ["clearable", "cols", "index", "prop", "modelValue", "onUpdate:modelValue"]))
+            ]))), 256)),
+            l("td", null, [
+              l("div", {
+                title: "删除",
+                class: "del op-70 flex",
+                onClick: (d) => u.del(h)
+              }, [...t[6] || (t[6] = [
+                l("i", { class: "i-ri-delete-bin-line" }, null, -1)
+              ])], 8, E)
+            ])
+          ]))), 256))
+        ]),
+        _: 1
+      }, 16))
+    ]),
+    i.list.length < i.limit ? (n(), o("div", {
+      key: 0,
+      class: v(["add flex justify-center items-center info-hide", { "add-small": e.init.size === "small" }]),
+      onClick: t[0] || (t[0] = (...s) => u.add && u.add(...s))
+    }, [
+      t[8] || (t[8] = l("i", { class: "i-ri-add-line font-xl" }, null, -1)),
+      t[9] || (t[9] = l("span", null, "添加数据", -1)),
+      l("span", F, "(" + p(i.list.length) + "/" + p(i.limit) + ")", 1)
+    ], 2)) : g("", !0)
+  ]);
+}
+const U = /* @__PURE__ */ O(T, [["render", N], ["__scopeId", "data-v-5b3688e9"]]);
+export {
+  U as default
+};

package/dist/group-tabs-DwdpscKQ.js

@@ -0,0 +1,114 @@
+// @unocss-include
+import { resolveComponent as r, createElementBlock as l, openBlock as i, createVNode as T, withCtx as f, Fragment as _, renderList as y, createBlock as h, createElementVNode as o, normalizeStyle as V, createCommentVNode as p, toDisplayString as b, createTextVNode as $ } from "vue";
+import { _ as j } from "./index-CuoBjxHd.js";
+const x = {
+  name: "group-tabs",
+  components: {
+    inputItem: defineAsyncComponent(() => import("./index-CuoBjxHd.js").then((t) => t.c))
+  },
+  emits: ["change", "update:modelValue"],
+  props: {
+    init: Object,
+    size: {
+      type: String,
+      default: ""
+    },
+    modelValue: Array | Object
+  },
+  data() {
+    return {
+      tabs: [],
+      dataType: "Array",
+      limit: 1,
+      key: 1,
+      alignTop: !1,
+      list: [],
+      cols: []
+    };
+  },
+  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.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);
+      },
+      {
+        deep: !0
+      }
+    ));
+  },
+  methods: {
+    change() {
+      this.key++;
+    },
+    del(t) {
+      this.list.splice(t, 1), this.key++;
+    },
+    add() {
+      this.list.push({});
+    }
+  }
+}, v = { class: "group-tabs" }, w = { class: "input-group-item" }, A = { class: "item" }, O = { class: "input w-full" }, z = { class: "input-item-box" }, C = { class: "input-item-input" }, N = {
+  key: 0,
+  class: "input-item-info text-3 op-70 pt-xs leading-15"
+};
+function U(t, d, n, W, c, B) {
+  const m = r("inputItem"), g = r("el-tab-pane"), k = r("el-tabs");
+  return i(), l("div", v, [
+    T(k, { type: "border-card" }, {
+      default: f(() => [
+        (i(!0), l(_, null, y(c.tabs, (a, s) => (i(), h(g, {
+          label: a.title
+        }, {
+          default: f(() => [
+            o("div", w, [
+              o("div", A, [
+                o("div", O, [
+                  (i(!0), l(_, null, y(c.cols, (e) => (i(), l("div", {
+                    class: "input-item",
+                    style: V({ width: e.inputWidth ? e.inputWidth : "100%" })
+                  }, [
+                    o("div", z, [
+                      e.title ? (i(), l("div", {
+                        key: 0,
+                        class: "input-item-title",
+                        style: V(`width:${e.labelWidth || n.init.labelWidth};`)
+                      }, b(e.title) + ": ", 5)) : p("", !0),
+                      o("div", C, [
+                        e.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,
+                          index: s,
+                          prop: e
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "index", "prop"])) : c.cols.length === 1 ? (i(), h(m, {
+                          key: 1,
+                          modelValue: n.modelValue[a.key || s],
+                          "onUpdate:modelValue": (u) => n.modelValue[a.key || s] = u,
+                          index: s,
+                          prop: e
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "index", "prop"])) : p("", !0)
+                      ])
+                    ]),
+                    e.info ? (i(), l("div", N, [
+                      d[0] || (d[0] = o("i", { class: "i-ri-error-warning-line" }, null, -1)),
+                      $(" " + b(e.info), 1)
+                    ])) : p("", !0)
+                  ], 4))), 256))
+                ])
+              ])
+            ])
+          ]),
+          _: 2
+        }, 1032, ["label"]))), 256))
+      ]),
+      _: 1
+    })
+  ]);
+}
+const S = /* @__PURE__ */ j(x, [["render", U]]);
+export {
+  S as default
+};