@opengis/cms 0.0.61 → 0.0.63

package/dist/{vs-builder-preview-BH4VAM3a.js → vs-builder-preview-l5KhqlrF.js}

@@ -1,14 +1,13 @@
-import { ref as c, useModel as s, computed as d, openBlock as u, createElementBlock as v, createBlock as _, unref as g, createCommentVNode as k } from "vue";
-import { g as V } from "./getField-CpwVE28P.js";
-import { inputs as e, VForm as $ } from "@opengis/form";
-import h from "./vs-form-custom-datatable-BDZo48w3.js";
-import x from "./vs-form-reference-list-Dtv8fJJU.js";
+import { ref as c, useModel as n, computed as d, openBlock as u, createElementBlock as _, createBlock as v, unref as g, createCommentVNode as k } from "vue";
+import { _ as V, g as $ } from "./vs-form-custom-datatable-D880w8gx.js";
+import { inputs as e, VForm as h } from "@opengis/form";
+import x from "./vs-form-reference-list-hZufPxfE.js";
 import { _ as B } from "./vs-form-tiptap.vue_vue_type_script_setup_true_lang-DGgsqXwg.js";
 import r from "./vs-form-media-select-NY27EaG1.js";
 import { _ as M } from "./vs-richtext-md.vue_vue_type_script_setup_true_lang-Ct8uTV-J.js";
 import b from "./vs-form-integer-BZ855R3g.js";
 import y from "./vs-form-reletion-link-BhzNQszm.js";
-const A = {
+const z = {
   __name: "vs-builder-preview",
   props: {
     data: {},
@@ -18,18 +17,18 @@ const A = {
   },
   emits: ["update:data", "update:form"],
   setup(o) {
-    e["vs-input-custom-datatable"] = h, e["vs-input-reference"] = x, e["vs-input-texteditor"] = B, e["vs-input-mediaselect"] = r, e["vs-input-file"] = r, e["vs-input-image"] = r, e["vs-input-richtext-md"] = M, e["vs-input-integer"] = b, e["vs-input-relation-link"] = y;
-    const a = c({}), f = s(o, "data"), l = s(o, "form"), i = d(() => {
+    e["vs-input-custom-datatable"] = V, e["vs-input-reference"] = x, e["vs-input-texteditor"] = B, e["vs-input-mediaselect"] = r, e["vs-input-file"] = r, e["vs-input-image"] = r, e["vs-input-richtext-md"] = M, e["vs-input-integer"] = b, e["vs-input-relation-link"] = y;
+    const a = c({}), f = n(o, "data"), l = n(o, "form"), i = d(() => {
       var m, t;
-      return ((t = (m = f.value) == null ? void 0 : m.columns) == null ? void 0 : t.map(V)) || [];
+      return ((t = (m = f.value) == null ? void 0 : m.columns) == null ? void 0 : t.map($)) || [];
     });
     return (m, t) => {
-      var n;
-      return u(), v("div", {
+      var s;
+      return u(), _("div", {
         ref_key: "form",
         ref: l
       }, [
-        ((n = i.value) == null ? void 0 : n.length) > 0 ? (u(), _(g($), {
+        ((s = i.value) == null ? void 0 : s.length) > 0 ? (u(), v(g(h), {
           key: 0,
           modelValue: a.value,
           "onUpdate:modelValue": t[0] || (t[0] = (p) => a.value = p),
@@ -40,5 +39,5 @@ const A = {
   }
 };
 export {
-  A as default
+  z as default
 };

package/dist/vs-form-custom-datatable-D880w8gx.js

@@ -0,0 +1,493 @@
+import { mergeModels as A, defineAsyncComponent as L, useModel as F, ref as w, watch as N, openBlock as c, createElementBlock as p, createElementVNode as s, createVNode as x, unref as V, withCtx as $, toDisplayString as k, createTextVNode as z, onMounted as B, Fragment as _, renderList as C, normalizeClass as O, createCommentVNode as j } from "vue";
+import { Pencil as P, Trash2 as G, Plus as R, GripVertical as X } from "lucide-vue-next";
+import { VsModal as q, confirm as Y, notify as E } from "@opengis/core";
+import { useI18n as I } from "vue-i18n";
+const Z = (e) => {
+  var m, u;
+  const t = (m = e == null ? void 0 : e.type) == null ? void 0 : m.toLowerCase(), r = e != null && e.required ? ["required"] : null;
+  return t === "array" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "multi-text",
+    help: e == null ? void 0 : e.help,
+    colModel: {
+      type: (e == null ? void 0 : e.subtype) || "text",
+      placeholder: e == null ? void 0 : e.placeholder
+    },
+    validators: r
+  } : t === "boolean" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "Switcher",
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "tags" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "tags",
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "radio" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "radio",
+    help: e == null ? void 0 : e.help,
+    options: e.options || [],
+    validators: r
+  } : t === "date" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "Date",
+    time: !1,
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "datetime" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "Date",
+    help: e == null ? void 0 : e.help,
+    mode: "datetime",
+    time: !0,
+    validators: r
+  } : t === "number" ? {
+    key: e.name,
+    label: e.label || e.title,
+    help: e == null ? void 0 : e.help,
+    type: "Number",
+    validators: r
+  } : t === "integer" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "Integer",
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "text" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "Text",
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "file" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "File",
+    multiple: e.multi || e.multiple,
+    help: e == null ? void 0 : e.help,
+    validators: r,
+    api: "/api/cms-media/upload?subdir=",
+    dir: "uploads/" + (/* @__PURE__ */ new Date()).toLocaleDateString("en-US").replace(/\//g, "-")
+  } : t === "filelist" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "file",
+    multiple: !0,
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "slug" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "Slug",
+    parent: e.parent || "",
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "image" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "File",
+    multi: e.multiple,
+    help: e == null ? void 0 : e.help,
+    validators: r,
+    api: "/api/cms-media/upload?subdir=",
+    dir: "uploads/" + (/* @__PURE__ */ new Date()).toLocaleDateString("en-US").replace(/\//g, "-")
+  } : t === "select" ? e.options ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "select",
+    options: e.options || [],
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : {
+    key: e.name,
+    label: e.label || e.title,
+    type: "select",
+    data: e.data || [],
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "multiselect" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "select",
+    data: e.data || [],
+    parent: e.parent || "",
+    options: e.options || [],
+    help: e == null ? void 0 : e.help,
+    validators: r,
+    multiple: !0
+  } : t === "richtext" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "Texteditor",
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "datalist" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "Custom-Datatable",
+    colModel: ((u = e.colModel) == null ? void 0 : u.map((b) => Z(b))) || [],
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "reference" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "reference",
+    reference_type: e.reference_type,
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "reference-list" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "reference",
+    reference_type: e.reference_type,
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "relation" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "relation-link",
+    help: e == null ? void 0 : e.help,
+    relation: e.relation,
+    validators: r
+  } : t === "markdown" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "richtext-md",
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : t === "mediaselect" ? {
+    key: e.name,
+    label: e.label || e.title,
+    type: "mediaselect",
+    help: e == null ? void 0 : e.help,
+    validators: r
+  } : {
+    key: e.name,
+    label: e.label || e.title,
+    placeholder: e.placeholder,
+    help: e == null ? void 0 : e.help,
+    type: "Text",
+    validators: r
+  };
+}, J = { class: "flex items-center justify-end gap-2" }, K = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, Q = {
+  __name: "vs-form-custom-datatable-controls",
+  props: /* @__PURE__ */ A({
+    item: {
+      type: Object,
+      required: !0
+    },
+    colModel: {
+      type: Array,
+      required: !0
+    }
+  }, {
+    modelValue: {
+      type: Array,
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t } = I(), r = L(() => import("@opengis/form")), m = e, u = F(e, "modelValue"), b = w(!1), g = w({}), M = w({}), y = () => {
+      Y({
+        title: t("cms.builder.deleteTitle"),
+        message: t("cms.builder.deleteField"),
+        type: "error",
+        onConfirm: () => {
+          h();
+        }
+      });
+    }, h = () => {
+      u.value = u.value.filter((v) => v.id !== m.item.id);
+    }, d = async () => {
+      if (await M.value.validate()) {
+        E({
+          type: "warning",
+          title: t("cms.common.actions.warning"),
+          message: t("cms.builder.editFieldFailed")
+        });
+        return;
+      }
+      u.value = u.value.map(
+        (i) => i.id === m.item.id ? g.value : i
+      ), b.value = !1;
+    };
+    return N(b, (v) => {
+      v && (g.value = m.item);
+    }), (v, i) => (c(), p("div", J, [
+      s("button", {
+        class: "inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-8 w-8 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-blue-50 dark:hover:bg-slate-600 hover:border-blue-300 dark:hover:border-slate-500 hover:text-blue-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm",
+        onClick: i[0] || (i[0] = (o) => b.value = !0)
+      }, [
+        x(V(P), { class: "w-4 h-4" })
+      ]),
+      s("button", {
+        onClick: y,
+        class: "inline-flex items-center justify-center whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border rounded-md text-xs h-8 w-8 p-0 border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-red-50 dark:hover:bg-slate-600 hover:border-red-300 dark:hover:border-slate-500 hover:text-red-600 dark:hover:text-slate-200 transition-all duration-200 shadow-sm"
+      }, [
+        x(V(G), { class: "w-4 h-4" })
+      ]),
+      x(V(q), {
+        teleport: "#modal",
+        title: v.$t("cms.builder.editField"),
+        visible: b.value,
+        onClose: i[4] || (i[4] = (o) => b.value = !1)
+      }, {
+        footer: $(() => [
+          s("div", K, [
+            s("button", {
+              class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300",
+              onClick: i[3] || (i[3] = (o) => b.value = !1)
+            }, k(v.$t("cms.common.actions.cancel")), 1),
+            s("button", {
+              onClick: d,
+              class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
+            }, k(v.$t("cms.common.actions.save")), 1)
+          ])
+        ]),
+        default: $(() => [
+          x(V(r), {
+            form: M.value,
+            "onUpdate:form": i[1] || (i[1] = (o) => M.value = o),
+            schema: e.colModel,
+            modelValue: g.value,
+            "onUpdate:modelValue": i[2] || (i[2] = (o) => g.value = o)
+          }, null, 8, ["form", "schema", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["title", "visible"])
+    ]));
+  }
+}, W = { class: "p-6 border-t border-slate-200 dark:border-slate-700 bg-slate-50/30 dark:bg-slate-700/30" }, f = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, ee = {
+  __name: "vs-form-custom-datatable-add",
+  props: /* @__PURE__ */ A({
+    colModel: {
+      type: Array,
+      required: !0
+    }
+  }, {
+    modelValue: {
+      type: Array,
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t } = I(), r = L(() => import("@opengis/form")), m = F(e, "modelValue"), u = w(!1), b = w({}), g = w({}), M = async () => {
+      try {
+        if (await g.value.validate()) {
+          E({
+            type: "warning",
+            title: t("cms.common.actions.warning"),
+            message: t("cms.builder.editFieldFailed")
+          });
+          return;
+        }
+        m.value = [
+          ...m.value || [],
+          { ...b.value, id: Math.random().toString(36).substring(2, 15) }
+        ], u.value = !1, b.value = {};
+      } catch (y) {
+        console.log(y);
+      }
+    };
+    return (y, h) => (c(), p("div", W, [
+      s("button", {
+        class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow-sm h-9 px-4 w-full border-2 border-dashed border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-700 hover:bg-slate-50 dark:hover:bg-slate-600 hover:border-blue-400 dark:hover:border-blue-500 text-slate-600 dark:text-slate-300 hover:text-blue-600 dark:hover:text-blue-400 py-3 transition-all duration-200",
+        onClick: h[0] || (h[0] = (d) => u.value = !0)
+      }, [
+        x(V(R), { class: "w-4 h-4 mr-2" }),
+        z(" " + k(y.$t("cms.common.actions.add")), 1)
+      ]),
+      x(V(q), {
+        teleport: "#modal",
+        title: y.$t("cms.common.actions.add"),
+        visible: u.value,
+        onClose: h[4] || (h[4] = (d) => u.value = !1)
+      }, {
+        footer: $(() => [
+          s("div", f, [
+            s("button", {
+              class: "inline-flex items-center px-3 py-2 text-sm text-black duration-300 border border-gray-200 rounded-lg gap-x-2 whitespace-nowrap hover:bg-gray-100",
+              onClick: h[3] || (h[3] = (d) => u.value = !1)
+            }, k(y.$t("cms.common.actions.cancel")), 1),
+            s("button", {
+              onClick: M,
+              class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
+            }, k(y.$t("cms.common.actions.save")), 1)
+          ])
+        ]),
+        default: $(() => [
+          x(V(r), {
+            form: g.value,
+            "onUpdate:form": h[1] || (h[1] = (d) => g.value = d),
+            schema: e.colModel,
+            modelValue: b.value,
+            "onUpdate:modelValue": h[2] || (h[2] = (d) => b.value = d)
+          }, null, 8, ["form", "schema", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["title", "visible"])
+    ]));
+  }
+}, te = { class: "p-0 shadow w-full" }, ae = { class: "overflow-x-auto" }, re = { class: "relative w-full overflow-auto" }, oe = { class: "w-full caption-bottom text-sm" }, le = { class: "[&_tr]:border-b" }, se = { class: "border-b data-[state=selected]:bg-muted bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, ne = { class: "h-10 px-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 text-end" }, ue = { class: "[&_tr:last-child]:border-0" }, ce = ["onDragstart", "onDragover", "onDrop", "onDragenter"], pe = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-center" }, me = { class: "flex items-center justify-center text-slate-400" }, be = ["innerHTML"], ie = {
+  key: 1,
+  class: "flex items-center gap-2"
+}, he = {
+  key: 0,
+  class: "flex items-center gap-1"
+}, ye = ["src", "alt"], ve = {
+  key: 0,
+  class: "text-xs text-gray-500 dark:text-gray-400 ml-1"
+}, ge = {
+  key: 1,
+  class: "w-8 h-8 rounded bg-gray-100 dark:bg-gray-700 flex items-center justify-center"
+}, de = { key: 2 }, xe = { class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]" }, ke = {
+  key: 0,
+  class: "h-2 bg-blue-200 dark:bg-blue-800 transition-all duration-200"
+}, S = 3, _e = {
+  __name: "vs-form-custom-datatable",
+  props: /* @__PURE__ */ A({
+    colModel: {
+      type: Array,
+      required: !0
+    }
+  }, {
+    modelValue: {
+      type: Array,
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = F(e, "modelValue"), r = w(null), m = w(-1), u = w(!1), b = (o, l, a) => {
+      r.value = l, m.value = a, o.dataTransfer.effectAllowed = "move", o.dataTransfer.setData("text/html", "");
+    }, g = (o, l) => {
+      o.preventDefault(), o.dataTransfer.dropEffect = "move";
+    }, M = (o, l) => {
+      m.value !== l && (u.value = !0);
+    }, y = (o) => {
+      o.currentTarget.contains(o.relatedTarget) || (u.value = !1);
+    }, h = (o, l) => {
+      if (o.preventDefault(), u.value = !1, m.value === -1 || m.value === l)
+        return;
+      const a = [...t.value], [D] = a.splice(m.value, 1);
+      a.splice(l, 0, D), t.value = a, r.value = null, m.value = -1;
+    }, d = (o) => Array.isArray(o) ? o.slice(0, S) : [], v = (o) => Array.isArray(o) ? Math.max(0, o.length - S) : 0, i = (o) => {
+      const l = o.target;
+      l.style.display = "none";
+      const a = document.createElement("cms.div");
+      a.className = "w-full h-full flex items-center justify-center bg-gray-200 dark:bg-gray-600", a.innerHTML = `
+    <svg class="w-4 h-4 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
+      <path fill-rule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z" clip-rule="evenodd" />
+    </svg>
+  `, l.parentNode.appendChild(a);
+    };
+    return B(() => {
+      var o, l;
+      (l = (o = t.value) == null ? void 0 : o.filter((a) => typeof a == "object")) == null || l.forEach(
+        (a) => a.id ? a.id : a.id = Math.random().toString(36).substring(2, 15)
+      );
+    }), (o, l) => (c(), p("div", te, [
+      s("div", ae, [
+        s("div", re, [
+          s("table", oe, [
+            s("thead", le, [
+              s("tr", se, [
+                l[4] || (l[4] = s("th", { class: "h-10 px-2 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-12 text-center" }, null, -1)),
+                (c(!0), p(_, null, C(e.colModel, (a) => (c(), p("th", {
+                  key: a.name,
+                  class: "h-10 px-2 text-left align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] font-semibold text-slate-700 dark:text-slate-300 min-w-[150px]"
+                }, k(a.label || a.title || a.name), 1))), 128)),
+                s("th", ne, k(o.$t("cms.table.actions")), 1)
+              ])
+            ]),
+            s("tbody", ue, [
+              (c(!0), p(_, null, C(t.value, (a, D) => (c(), p("tr", {
+                key: a == null ? void 0 : a.id,
+                class: O(["border-b data-[state=selected]:bg-muted transition-all duration-200 hover:bg-slate-50/60 dark:hover:bg-slate-700/60 cursor-move", { "opacity-50": r.value === a }]),
+                draggable: "true",
+                onDragstart: (n) => b(n, a, D),
+                onDragover: (n) => g(n),
+                onDrop: (n) => h(n, D),
+                onDragenter: (n) => M(n, D),
+                onDragleave: l[2] || (l[2] = (n) => y(n))
+              }, [
+                s("td", pe, [
+                  s("div", me, [
+                    x(V(X))
+                  ])
+                ]),
+                (c(!0), p(_, null, C(e.colModel, (n) => (c(), p("td", {
+                  key: n.name,
+                  class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-slate-600 dark:text-slate-400 text-sm"
+                }, [
+                  n.type === "Texteditor" ? (c(), p("span", {
+                    key: 0,
+                    innerHTML: a[n.key] || "-"
+                  }, null, 8, be)) : n.type === "File" ? (c(), p("div", ie, [
+                    Array.isArray(a[n.key]) && a[n.key].length > 0 ? (c(), p("div", he, [
+                      (c(!0), p(_, null, C(d(a[n.key]), (U, T) => (c(), p("div", {
+                        key: T,
+                        class: "relative w-8 h-8 rounded overflow-hidden bg-gray-100 dark:bg-gray-700 flex-shrink-0"
+                      }, [
+                        s("img", {
+                          src: U,
+                          alt: `Image ${T + 1}`,
+                          class: "w-full h-full object-cover",
+                          onError: l[0] || (l[0] = (H) => i(H))
+                        }, null, 40, ye)
+                      ]))), 128)),
+                      v(a[n.key]) > 0 ? (c(), p("span", ve, " +" + k(v(a[n.key])), 1)) : j("", !0)
+                    ])) : (c(), p("div", ge, [...l[5] || (l[5] = [
+                      s("svg", {
+                        class: "w-4 h-4 text-gray-400",
+                        fill: "currentColor",
+                        viewBox: "0 0 20 20"
+                      }, [
+                        s("path", {
+                          "fill-rule": "evenodd",
+                          d: "M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z",
+                          "clip-rule": "evenodd"
+                        })
+                      ], -1)
+                    ])]))
+                  ])) : (c(), p("span", de, k(a[n.key] || "-"), 1))
+                ]))), 128)),
+                s("td", xe, [
+                  x(Q, {
+                    item: a,
+                    colModel: e.colModel,
+                    modelValue: t.value,
+                    "onUpdate:modelValue": l[1] || (l[1] = (n) => t.value = n)
+                  }, null, 8, ["item", "colModel", "modelValue"])
+                ])
+              ], 42, ce))), 128)),
+              u.value ? (c(), p("tr", ke)) : j("", !0)
+            ])
+          ])
+        ])
+      ]),
+      x(ee, {
+        colModel: e.colModel,
+        modelValue: t.value,
+        "onUpdate:modelValue": l[3] || (l[3] = (a) => t.value = a)
+      }, null, 8, ["colModel", "modelValue"])
+    ]));
+  }
+};
+export {
+  _e as _,
+  Z as g
+};