@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/qr-generator.mjs

@@ -0,0 +1,238 @@
+import { defineComponent, ref, watch, onMounted, openBlock, createElementBlock, createElementVNode, withDirectives, vModelText, toDisplayString, createTextVNode } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-5" };
+const _hoisted_2 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_3 = { class: "flex items-center gap-3 mt-3" };
+const _hoisted_4 = { class: "font-mono text-xs text-gray-400" };
+const _hoisted_5 = { class: "flex-1 flex flex-col items-center justify-center gap-4" };
+const _hoisted_6 = { class: "bg-white p-4 rounded-xl border-4 border-black shadow-hard" };
+const _hoisted_7 = ["width", "height"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const input = ref("https://example.com");
+    const size = ref(256);
+    const canvasRef = ref();
+    function generateQR() {
+      const canvas = canvasRef.value;
+      if (!canvas || !input.value.trim()) return;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return;
+      canvas.width = size.value;
+      canvas.height = size.value;
+      const matrix = encodeQR(input.value.trim());
+      const cellSize = size.value / matrix.length;
+      ctx.fillStyle = "#ffffff";
+      ctx.fillRect(0, 0, size.value, size.value);
+      ctx.fillStyle = "#000000";
+      for (let y = 0; y < matrix.length; y++) {
+        for (let x = 0; x < matrix[y].length; x++) {
+          if (matrix[y][x]) {
+            ctx.fillRect(x * cellSize, y * cellSize, cellSize + 0.5, cellSize + 0.5);
+          }
+        }
+      }
+    }
+    function encodeQR(text) {
+      const size2 = 21;
+      const matrix = Array.from({ length: size2 }, () => Array(size2).fill(false));
+      const reserved = Array.from({ length: size2 }, () => Array(size2).fill(false));
+      function drawFinder(cx, cy) {
+        for (let dy = -3; dy <= 3; dy++) {
+          for (let dx = -3; dx <= 3; dx++) {
+            const x = cx + dx, y = cy + dy;
+            if (x < 0 || x >= size2 || y < 0 || y >= size2) continue;
+            const ring = Math.max(Math.abs(dx), Math.abs(dy));
+            matrix[y][x] = ring !== 2;
+            reserved[y][x] = true;
+          }
+        }
+        for (let i = -4; i <= 4; i++) {
+          for (const [dx, dy] of [[i, -4], [i, 4], [-4, i], [4, i]]) {
+            const x = cx + dx, y = cy + dy;
+            if (x >= 0 && x < size2 && y >= 0 && y < size2) {
+              reserved[y][x] = true;
+            }
+          }
+        }
+      }
+      drawFinder(3, 3);
+      drawFinder(size2 - 4, 3);
+      drawFinder(3, size2 - 4);
+      for (let i = 8; i < size2 - 8; i++) {
+        matrix[6][i] = i % 2 === 0;
+        matrix[i][6] = i % 2 === 0;
+        reserved[6][i] = true;
+        reserved[i][6] = true;
+      }
+      matrix[size2 - 8][8] = true;
+      reserved[size2 - 8][8] = true;
+      for (let i = 0; i < 9; i++) {
+        reserved[8][i] = true;
+        reserved[i][8] = true;
+      }
+      for (let i = 0; i < 8; i++) {
+        reserved[8][size2 - 1 - i] = true;
+        reserved[size2 - 1 - i][8] = true;
+      }
+      const bytes = new TextEncoder().encode(text);
+      const dataBits = [];
+      dataBits.push(0, 1, 0, 0);
+      for (let i = 7; i >= 0; i--) dataBits.push(bytes.length >> i & 1);
+      for (const b of bytes) {
+        for (let i = 7; i >= 0; i--) dataBits.push(b >> i & 1);
+      }
+      while (dataBits.length < 152) dataBits.push(0);
+      const totalBits = 26 * 8;
+      let padIdx = 0;
+      while (dataBits.length < totalBits) {
+        const padByte = padIdx % 2 === 0 ? 236 : 17;
+        for (let i = 7; i >= 0; i--) dataBits.push(padByte >> i & 1);
+        padIdx++;
+      }
+      let bitIdx = 0;
+      let upward = true;
+      for (let right = size2 - 1; right >= 0; right -= 2) {
+        if (right === 6) right = 5;
+        const cols = [right, right - 1].filter((c) => c >= 0);
+        const rows = upward ? Array.from({ length: size2 }, (_, i) => size2 - 1 - i) : Array.from({ length: size2 }, (_, i) => i);
+        for (const row of rows) {
+          for (const col of cols) {
+            if (!reserved[row][col] && bitIdx < dataBits.length) {
+              matrix[row][col] = dataBits[bitIdx] === 1;
+              bitIdx++;
+            }
+          }
+        }
+        upward = !upward;
+      }
+      const formatBits = [1, 1, 1, 0, 1, 1, 1, 1, 1, 0, 0, 0, 0, 1, 0];
+      const hPos = [0, 1, 2, 3, 4, 5, 7, 8, size2 - 8, size2 - 7, size2 - 6, size2 - 5, size2 - 4, size2 - 3, size2 - 2];
+      for (let i = 0; i < 15; i++) matrix[8][hPos[i]] = formatBits[i] === 1;
+      const vPos = [size2 - 1, size2 - 2, size2 - 3, size2 - 4, size2 - 5, size2 - 6, size2 - 7, 8, 7, 5, 4, 3, 2, 1, 0];
+      for (let i = 0; i < 15; i++) matrix[vPos[i]][8] = formatBits[i] === 1;
+      for (let y = 0; y < size2; y++) {
+        for (let x = 0; x < size2; x++) {
+          if (!reserved[y][x] && (y + x) % 2 === 0) {
+            matrix[y][x] = !matrix[y][x];
+          }
+        }
+      }
+      const quiet = 2;
+      const final = Array.from({ length: size2 + quiet * 2 }, () => Array(size2 + quiet * 2).fill(false));
+      for (let y = 0; y < size2; y++) {
+        for (let x = 0; x < size2; x++) {
+          final[y + quiet][x + quiet] = matrix[y][x];
+        }
+      }
+      return final;
+    }
+    watch([input, size], () => generateQR());
+    onMounted(() => generateQR());
+    function download() {
+      const canvas = canvasRef.value;
+      if (!canvas) return;
+      const link = document.createElement("a");
+      link.download = "qrcode.png";
+      link.href = canvas.toDataURL("image/png");
+      link.click();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2 mb-3" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "qr_code_2"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "QR 码生成器")
+            ],
+            -1
+            /* CACHED */
+          )),
+          withDirectives(createElementVNode(
+            "textarea",
+            {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+              rows: "3",
+              placeholder: "输入 URL 或文本...",
+              class: "w-full bg-bg-dark text-gray-100 border-4 border-black rounded-lg px-4 py-3 font-mono text-sm shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 resize-none"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          ), [
+            [vModelText, input.value]
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            _cache[2] || (_cache[2] = createElementVNode(
+              "span",
+              { class: "text-xs text-gray-500" },
+              "尺寸:",
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createElementVNode(
+              "input",
+              {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => size.value = $event),
+                type: "range",
+                min: "128",
+                max: "512",
+                step: "64",
+                class: "w-32 accent-primary"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [
+                vModelText,
+                size.value,
+                void 0,
+                { number: true }
+              ]
+            ]),
+            createElementVNode(
+              "span",
+              _hoisted_4,
+              toDisplayString(size.value) + "px",
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("canvas", {
+              ref_key: "canvasRef",
+              ref: canvasRef,
+              width: size.value,
+              height: size.value,
+              class: "block"
+            }, null, 8, _hoisted_7)
+          ]),
+          createElementVNode("button", {
+            onClick: download,
+            class: "h-10 px-5 bg-primary text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all text-sm flex items-center gap-2"
+          }, [..._cache[4] || (_cache[4] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "download",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              " 下载 PNG ",
+              -1
+              /* CACHED */
+            )
+          ])])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/regex-tester.mjs

@@ -0,0 +1,424 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, createTextVNode, withDirectives, vModelText, Fragment, renderList, normalizeClass, toDisplayString, normalizeStyle } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-4" };
+const _hoisted_2 = { class: "flex flex-wrap items-center gap-3" };
+const _hoisted_3 = { class: "flex items-center gap-2 flex-1 min-w-[200px]" };
+const _hoisted_4 = { class: "flex items-center gap-1" };
+const _hoisted_5 = ["title", "onClick"];
+const _hoisted_6 = {
+  key: 0,
+  class: "px-4 py-2 bg-coral-red/20 border-2 border-coral-red rounded flex items-center gap-2 text-coral-red font-bold text-sm"
+};
+const _hoisted_7 = { class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0" };
+const _hoisted_8 = { class: "flex flex-col min-h-0" };
+const _hoisted_9 = { class: "flex flex-col min-h-0" };
+const _hoisted_10 = { class: "flex items-center gap-2 mb-2" };
+const _hoisted_11 = {
+  key: 0,
+  class: "ml-2 text-xs text-primary font-bold"
+};
+const _hoisted_12 = ["innerHTML"];
+const _hoisted_13 = {
+  key: 1,
+  class: "max-h-[200px] overflow-auto"
+};
+const _hoisted_14 = { class: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-2" };
+const _hoisted_15 = { class: "flex items-center gap-2 mb-1" };
+const _hoisted_16 = { class: "text-xs font-bold text-gray-400" };
+const _hoisted_17 = { class: "ml-auto text-xs text-gray-500" };
+const _hoisted_18 = { class: "font-mono text-sm text-white break-all" };
+const _hoisted_19 = {
+  key: 0,
+  class: "mt-1 text-xs text-gray-400"
+};
+const _hoisted_20 = { class: "text-neon-green" };
+const _hoisted_21 = {
+  key: 1,
+  class: "mt-1 text-xs text-gray-400"
+};
+const _hoisted_22 = { class: "text-electric-blue" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const pattern = ref("");
+    const flags = ref("g");
+    const testText = ref("");
+    const errorMsg = ref("");
+    const flagOptions = [
+      { label: "g", title: "全局匹配" },
+      { label: "i", title: "忽略大小写" },
+      { label: "m", title: "多行模式" },
+      { label: "s", title: "点号匹配换行" },
+      { label: "u", title: "Unicode模式" }
+    ];
+    function toggleFlag(f) {
+      flags.value = flags.value.includes(f) ? flags.value.replace(f, "") : flags.value + f;
+    }
+    const matches = computed(() => {
+      if (!pattern.value || !testText.value) {
+        errorMsg.value = "";
+        return [];
+      }
+      try {
+        const re = new RegExp(pattern.value, flags.value);
+        errorMsg.value = "";
+        const results = [];
+        if (flags.value.includes("g")) {
+          let m;
+          while ((m = re.exec(testText.value)) !== null) {
+            results.push({
+              text: m[0],
+              index: m.index,
+              groups: m.slice(1),
+              namedGroups: m.groups ? { ...m.groups } : void 0
+            });
+            if (!m[0].length) re.lastIndex++;
+          }
+        } else {
+          const m = re.exec(testText.value);
+          if (m) {
+            results.push({
+              text: m[0],
+              index: m.index,
+              groups: m.slice(1),
+              namedGroups: m.groups ? { ...m.groups } : void 0
+            });
+          }
+        }
+        return results;
+      } catch (e) {
+        errorMsg.value = e.message || "无效的正则表达式";
+        return [];
+      }
+    });
+    const highlightColors = [
+      { bg: "rgba(249,177,31,0.35)", border: "#f9b11f" },
+      { bg: "rgba(59,130,246,0.35)", border: "#3b82f6" },
+      { bg: "rgba(132,204,22,0.35)", border: "#84cc16" },
+      { bg: "rgba(168,85,247,0.35)", border: "#a855f7" },
+      { bg: "rgba(236,72,153,0.35)", border: "#ec4899" },
+      { bg: "rgba(255,107,107,0.35)", border: "#ff6b6b" }
+    ];
+    const highlightedHtml = computed(() => {
+      if (!testText.value) return "";
+      if (!matches.value.length) return escapeHtml(testText.value);
+      const text = testText.value;
+      const intervals = matches.value.map((m, i) => ({
+        start: m.index,
+        end: m.index + m.text.length,
+        colorIdx: i % highlightColors.length,
+        matchIdx: i
+      }));
+      let result = "";
+      let cursor = 0;
+      for (const iv of intervals) {
+        if (iv.start > cursor) {
+          result += escapeHtml(text.slice(cursor, iv.start));
+        }
+        const c = highlightColors[iv.colorIdx];
+        result += `<mark style="background:${c.bg};border-bottom:2px solid ${c.border};border-radius:2px;padding:0 1px;color:inherit;" title="匹配 #${iv.matchIdx + 1}">${escapeHtml(text.slice(iv.start, iv.end))}</mark>`;
+        cursor = iv.end;
+      }
+      if (cursor < text.length) {
+        result += escapeHtml(text.slice(cursor));
+      }
+      return result;
+    });
+    function escapeHtml(s) {
+      return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br/>");
+    }
+    function loadSample() {
+      pattern.value = "(\\d{4})-(\\d{2})-(\\d{2})";
+      flags.value = "g";
+      testText.value = "今天是 2026-02-13，昨天是 2026-02-12。\n会议时间：2026-03-01 下午两点。\n无效日期：abcd-ef-gh";
+    }
+    function handleClear() {
+      pattern.value = "";
+      flags.value = "g";
+      testText.value = "";
+      errorMsg.value = "";
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" Toolbar "),
+        createElementVNode("div", { class: "flex flex-wrap items-center gap-3" }, [
+          createElementVNode("button", {
+            class: "h-9 px-4 bg-primary text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: loadSample
+          }, [..._cache[2] || (_cache[2] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "science",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              " 示例 ",
+              -1
+              /* CACHED */
+            )
+          ])]),
+          createElementVNode("button", {
+            class: "h-9 px-4 bg-coral-red text-white font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handleClear
+          }, [..._cache[3] || (_cache[3] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "delete_outline",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              " 清空 ",
+              -1
+              /* CACHED */
+            )
+          ])])
+        ]),
+        createCommentVNode(" Regex input row "),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[4] || (_cache[4] = createElementVNode(
+              "span",
+              { class: "text-primary font-mono text-lg" },
+              "/",
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createElementVNode(
+              "input",
+              {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => pattern.value = $event),
+                placeholder: "输入正则表达式...",
+                spellcheck: "false",
+                class: "flex-1 h-10 bg-deep-charcoal text-gray-100 border-2 border-black rounded px-3 font-mono text-sm shadow-hard-sm focus:border-primary focus:shadow-none transition-all outline-none placeholder-gray-600"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, pattern.value]
+            ]),
+            _cache[5] || (_cache[5] = createElementVNode(
+              "span",
+              { class: "text-primary font-mono text-lg" },
+              "/",
+              -1
+              /* CACHED */
+            ))
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList(flagOptions, (f) => {
+                return createElementVNode("button", {
+                  key: f.label,
+                  title: f.title,
+                  class: normalizeClass(["w-8 h-8 font-mono font-bold text-sm border-2 border-black rounded transition-all", flags.value.includes(f.label) ? "bg-primary text-black shadow-hard-sm" : "bg-deep-charcoal text-gray-500 hover:text-gray-300"]),
+                  onClick: ($event) => toggleFlag(f.label)
+                }, toDisplayString(f.label), 11, _hoisted_5);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ]),
+        createCommentVNode(" Error bar "),
+        errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          _cache[6] || (_cache[6] = createElementVNode(
+            "span",
+            { class: "material-icons text-lg" },
+            "error_outline",
+            -1
+            /* CACHED */
+          )),
+          createTextVNode(
+            " " + toDisplayString(errorMsg.value),
+            1
+            /* TEXT */
+          )
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" Main panels "),
+        createElementVNode("div", _hoisted_7, [
+          createCommentVNode(" Test text input "),
+          createElementVNode("div", _hoisted_8, [
+            _cache[7] || (_cache[7] = createElementVNode(
+              "div",
+              { class: "flex items-center gap-2 mb-2" },
+              [
+                createElementVNode("span", { class: "material-icons text-primary text-lg" }, "edit_note"),
+                createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "测试文本")
+              ],
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createElementVNode(
+              "textarea",
+              {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => testText.value = $event),
+                placeholder: "在此输入要测试的文本...",
+                spellcheck: "false",
+                class: "flex-1 w-full bg-deep-charcoal text-gray-100 border-4 border-black rounded-xl p-4 font-mono text-sm leading-relaxed resize-none shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 min-h-[180px]"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, testText.value]
+            ])
+          ]),
+          createCommentVNode(" Highlighted result "),
+          createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
+              _cache[8] || (_cache[8] = createElementVNode(
+                "span",
+                { class: "material-icons text-neon-green text-lg" },
+                "highlight",
+                -1
+                /* CACHED */
+              )),
+              _cache[9] || (_cache[9] = createElementVNode(
+                "span",
+                { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" },
+                "匹配可视化",
+                -1
+                /* CACHED */
+              )),
+              matches.value.length ? (openBlock(), createElementBlock(
+                "span",
+                _hoisted_11,
+                toDisplayString(matches.value.length) + " 个匹配 ",
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true)
+            ]),
+            createElementVNode("div", {
+              class: "flex-1 w-full bg-deep-charcoal border-4 border-black rounded-xl p-4 overflow-auto shadow-hard min-h-[180px] font-mono text-sm leading-relaxed text-gray-100 whitespace-pre-wrap break-all",
+              innerHTML: highlightedHtml.value || "<span class='text-gray-600'>匹配结果将高亮显示在这里...</span>"
+            }, null, 8, _hoisted_12)
+          ])
+        ]),
+        createCommentVNode(" Match details "),
+        matches.value.length ? (openBlock(), createElementBlock("div", _hoisted_13, [
+          _cache[10] || (_cache[10] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2 mb-2" },
+            [
+              createElementVNode("span", { class: "material-icons text-electric-blue text-lg" }, "list_alt"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "匹配详情")
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_14, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(matches.value, (m, i) => {
+                return openBlock(), createElementBlock("div", {
+                  key: i,
+                  class: "bg-deep-charcoal border-2 border-black rounded-lg p-3 shadow-hard-sm"
+                }, [
+                  createElementVNode("div", _hoisted_15, [
+                    createElementVNode(
+                      "span",
+                      {
+                        class: "inline-block w-3 h-3 rounded-sm border border-black",
+                        style: normalizeStyle({ background: highlightColors[i % highlightColors.length].border })
+                      },
+                      null,
+                      4
+                      /* STYLE */
+                    ),
+                    createElementVNode(
+                      "span",
+                      _hoisted_16,
+                      "匹配 #" + toDisplayString(i + 1),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode(
+                      "span",
+                      _hoisted_17,
+                      "索引: " + toDisplayString(m.index),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  createElementVNode(
+                    "div",
+                    _hoisted_18,
+                    ' "' + toDisplayString(m.text) + '" ',
+                    1
+                    /* TEXT */
+                  ),
+                  m.groups.length ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(m.groups, (g, gi) => {
+                        return openBlock(), createElementBlock("span", {
+                          key: gi,
+                          class: "mr-2"
+                        }, [
+                          createTextVNode(
+                            " $" + toDisplayString(gi + 1) + "=",
+                            1
+                            /* TEXT */
+                          ),
+                          createElementVNode(
+                            "span",
+                            _hoisted_20,
+                            '"' + toDisplayString(g) + '"',
+                            1
+                            /* TEXT */
+                          )
+                        ]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])) : createCommentVNode("v-if", true),
+                  m.namedGroups ? (openBlock(), createElementBlock("div", _hoisted_21, [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(m.namedGroups, (v, k) => {
+                        return openBlock(), createElementBlock("span", {
+                          key: k,
+                          class: "mr-2"
+                        }, [
+                          createTextVNode(
+                            toDisplayString(k) + "=",
+                            1
+                            /* TEXT */
+                          ),
+                          createElementVNode(
+                            "span",
+                            _hoisted_22,
+                            '"' + toDisplayString(v) + '"',
+                            1
+                            /* TEXT */
+                          )
+                        ]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])) : createCommentVNode("v-if", true)
+                ]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};