@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/lorem-ipsum.mjs

@@ -0,0 +1,246 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, withDirectives, vModelText } 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 flex-wrap items-center gap-3" };
+const _hoisted_4 = { class: "flex gap-2" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "flex items-center gap-2" };
+const _hoisted_7 = { class: "flex-1 overflow-auto bg-deep-charcoal border-4 border-black rounded-xl p-5 shadow-hard" };
+const _hoisted_8 = { class: "text-gray-200 text-sm leading-relaxed whitespace-pre-wrap select-all" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const count = ref(3);
+    const unit = ref("paragraphs");
+    const copyField = ref("");
+    const words = [
+      "lorem",
+      "ipsum",
+      "dolor",
+      "sit",
+      "amet",
+      "consectetur",
+      "adipiscing",
+      "elit",
+      "sed",
+      "do",
+      "eiusmod",
+      "tempor",
+      "incididunt",
+      "ut",
+      "labore",
+      "et",
+      "dolore",
+      "magna",
+      "aliqua",
+      "enim",
+      "ad",
+      "minim",
+      "veniam",
+      "quis",
+      "nostrud",
+      "exercitation",
+      "ullamco",
+      "laboris",
+      "nisi",
+      "aliquip",
+      "ex",
+      "ea",
+      "commodo",
+      "consequat",
+      "duis",
+      "aute",
+      "irure",
+      "in",
+      "reprehenderit",
+      "voluptate",
+      "velit",
+      "esse",
+      "cillum",
+      "fugiat",
+      "nulla",
+      "pariatur",
+      "excepteur",
+      "sint",
+      "occaecat",
+      "cupidatat",
+      "non",
+      "proident",
+      "sunt",
+      "culpa",
+      "qui",
+      "officia",
+      "deserunt",
+      "mollit",
+      "anim",
+      "id",
+      "est",
+      "laborum",
+      "perspiciatis",
+      "unde",
+      "omnis",
+      "iste",
+      "natus",
+      "error",
+      "voluptatem",
+      "accusantium",
+      "doloremque",
+      "laudantium",
+      "totam",
+      "rem",
+      "aperiam",
+      "eaque",
+      "ipsa",
+      "quae",
+      "ab",
+      "illo",
+      "inventore",
+      "veritatis",
+      "quasi",
+      "architecto",
+      "beatae",
+      "vitae",
+      "dicta",
+      "explicabo",
+      "nemo",
+      "ipsam",
+      "quia",
+      "voluptas",
+      "aspernatur",
+      "aut",
+      "odit",
+      "fugit",
+      "consequuntur",
+      "magni",
+      "dolores",
+      "eos",
+      "ratione",
+      "sequi",
+      "nesciunt"
+    ];
+    function randomWord() {
+      return words[Math.floor(Math.random() * words.length)];
+    }
+    function generateSentence() {
+      const len = 8 + Math.floor(Math.random() * 12);
+      const s = Array.from({ length: len }, () => randomWord()).join(" ");
+      return s.charAt(0).toUpperCase() + s.slice(1) + ".";
+    }
+    function generateParagraph() {
+      const len = 3 + Math.floor(Math.random() * 4);
+      return Array.from({ length: len }, () => generateSentence()).join(" ");
+    }
+    const output = computed(() => {
+      if (unit.value === "words") {
+        return Array.from({ length: count.value }, () => randomWord()).join(" ");
+      }
+      if (unit.value === "sentences") {
+        return Array.from({ length: count.value }, () => generateSentence()).join(" ");
+      }
+      return Array.from({ length: count.value }, () => generateParagraph()).join("\n\n");
+    });
+    const regenerateKey = ref(0);
+    function regenerate() {
+      regenerateKey.value++;
+    }
+    const displayText = computed(() => {
+      regenerateKey.value;
+      return output.value;
+    });
+    async function copy(text, field) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = field;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    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" }, "notes"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "Lorem Ipsum 生成器")
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(), createElementBlock(
+                Fragment,
+                null,
+                renderList(["paragraphs", "sentences", "words"], (u) => {
+                  return createElementVNode("button", {
+                    key: u,
+                    onClick: ($event) => unit.value = u,
+                    class: normalizeClass(["h-9 px-3 font-bold border-2 border-black rounded text-xs transition-all", unit.value === u ? "bg-primary text-black shadow-none translate-x-0.5 translate-y-0.5" : "bg-bg-dark text-gray-400 shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5"])
+                  }, toDisplayString(u === "paragraphs" ? "段落" : u === "sentences" ? "句子" : "单词"), 11, _hoisted_5);
+                }),
+                64
+                /* STABLE_FRAGMENT */
+              ))
+            ]),
+            createElementVNode("div", _hoisted_6, [
+              _cache[2] || (_cache[2] = createElementVNode(
+                "span",
+                { class: "text-xs text-gray-500" },
+                "数量:",
+                -1
+                /* CACHED */
+              )),
+              withDirectives(createElementVNode(
+                "input",
+                {
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => count.value = $event),
+                  type: "number",
+                  min: "1",
+                  max: "100",
+                  class: "w-16 h-9 bg-bg-dark text-gray-100 border-2 border-black rounded px-2 font-mono text-sm text-center outline-none focus:border-primary"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ), [
+                [
+                  vModelText,
+                  count.value,
+                  void 0,
+                  { number: true }
+                ]
+              ])
+            ]),
+            createElementVNode("button", {
+              onClick: regenerate,
+              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 text-xs"
+            }, " 重新生成 "),
+            createElementVNode(
+              "button",
+              {
+                onClick: _cache[1] || (_cache[1] = ($event) => copy(displayText.value, "text")),
+                class: "h-9 px-3 bg-bg-dark text-gray-400 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-xs"
+              },
+              toDisplayString(copyField.value === "text" ? "已复制" : "复制"),
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          createElementVNode(
+            "div",
+            _hoisted_8,
+            toDisplayString(displayText.value),
+            1
+            /* TEXT */
+          )
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/markdown-preview.mjs

@@ -0,0 +1,184 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, withDirectives, vModelText } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-4" };
+const _hoisted_2 = { class: "flex items-center justify-between" };
+const _hoisted_3 = { class: "flex-1 grid grid-cols-2 gap-4 min-h-0" };
+const _hoisted_4 = { class: "bg-deep-charcoal border-4 border-black rounded-xl shadow-hard overflow-hidden flex flex-col" };
+const _hoisted_5 = { class: "bg-deep-charcoal border-4 border-black rounded-xl shadow-hard overflow-hidden flex flex-col" };
+const _hoisted_6 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const input = ref(`# Markdown 预览
+
+这是一个 **Markdown** 实时预览工具。
+
+## 功能
+- 支持标题、列表、代码块
+- 实时渲染预览
+- 左右分栏布局
+
+### 代码示例
+\`\`\`javascript
+const hello = "world"
+console.log(hello)
+\`\`\`
+
+> 引用文本示例
+
+| 表头1 | 表头2 |
+|-------|-------|
+| 内容1 | 内容2 |
+
+---
+
+[链接示例](https://example.com)
+`);
+    const copyField = ref("");
+    function renderMarkdown(md) {
+      let html = md;
+      html = html.replace(/```(\w*)\n([\s\S]*?)```/g, '<pre class="md-code-block"><code>$2</code></pre>');
+      html = html.replace(/`([^`]+)`/g, '<code class="md-inline-code">$1</code>');
+      html = html.replace(/^\|(.+)\|\s*\n\|[-| :]+\|\s*\n((?:\|.+\|\s*\n?)*)/gm, (_, header, body) => {
+        const ths = header.split("|").map((h) => `<th>${h.trim()}</th>`).join("");
+        const rows = body.trim().split("\n").map((row) => {
+          const tds = row.replace(/^\||\|$/g, "").split("|").map((c) => `<td>${c.trim()}</td>`).join("");
+          return `<tr>${tds}</tr>`;
+        }).join("");
+        return `<table class="md-table"><thead><tr>${ths}</tr></thead><tbody>${rows}</tbody></table>`;
+      });
+      html = html.replace(/^### (.+)$/gm, "<h3>$1</h3>");
+      html = html.replace(/^## (.+)$/gm, "<h2>$1</h2>");
+      html = html.replace(/^# (.+)$/gm, "<h1>$1</h1>");
+      html = html.replace(/^---$/gm, "<hr/>");
+      html = html.replace(/^> (.+)$/gm, "<blockquote>$1</blockquote>");
+      html = html.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+      html = html.replace(/\*(.+?)\*/g, "<em>$1</em>");
+      html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>');
+      html = html.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<img src="$2" alt="$1"/>');
+      html = html.replace(/^- (.+)$/gm, "<li>$1</li>");
+      html = html.replace(/(<li>.*<\/li>\n?)+/g, "<ul>$&</ul>");
+      html = html.replace(/^(?!<[a-z])((?!<\/)[^\n]+)$/gm, "<p>$1</p>");
+      return html;
+    }
+    const rendered = computed(() => renderMarkdown(input.value));
+    async function copy(text, field) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = field;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[2] || (_cache[2] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "article"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "Markdown 预览")
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode(
+            "button",
+            {
+              onClick: _cache[0] || (_cache[0] = ($event) => copy(rendered.value, "html")),
+              class: "h-8 px-3 bg-bg-dark text-gray-400 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-xs"
+            },
+            toDisplayString(copyField.value === "html" ? "已复制 HTML" : "复制 HTML"),
+            1
+            /* TEXT */
+          )
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createCommentVNode(" 编辑器 "),
+          createElementVNode("div", _hoisted_4, [
+            _cache[3] || (_cache[3] = createElementVNode(
+              "div",
+              { class: "px-3 py-2 border-b-2 border-black text-xs font-bold text-gray-500 uppercase" },
+              "编辑",
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createElementVNode(
+              "textarea",
+              {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => input.value = $event),
+                class: "flex-1 w-full bg-transparent text-gray-100 px-4 py-3 font-mono text-sm outline-none resize-none placeholder-gray-600"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, input.value]
+            ])
+          ]),
+          createCommentVNode(" 预览 "),
+          createElementVNode("div", _hoisted_5, [
+            _cache[4] || (_cache[4] = createElementVNode(
+              "div",
+              { class: "px-3 py-2 border-b-2 border-black text-xs font-bold text-gray-500 uppercase" },
+              "预览",
+              -1
+              /* CACHED */
+            )),
+            createElementVNode("div", {
+              class: "flex-1 overflow-auto px-4 py-3 md-preview",
+              innerHTML: rendered.value
+            }, null, 8, _hoisted_6)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ff15d17d"]]);
+export {
+  index as default
+};
+
+;(function(){var s=document.createElement("style");s.textContent=`
+.md-preview[data-v-ff15d17d] h1 { font-size: 1.5rem; font-weight: 700; margin: 0.5rem 0; color: #f9b11f;
+}
+.md-preview[data-v-ff15d17d] h2 { font-size: 1.25rem; font-weight: 700; margin: 0.5rem 0; color: #f9b11f;
+}
+.md-preview[data-v-ff15d17d] h3 { font-size: 1.1rem; font-weight: 600; margin: 0.4rem 0; color: #e5a31b;
+}
+.md-preview[data-v-ff15d17d] p { margin: 0.3rem 0; color: #d1d5db; line-height: 1.6;
+}
+.md-preview[data-v-ff15d17d] strong { color: #fff;
+}
+.md-preview[data-v-ff15d17d] em { color: #a78bfa;
+}
+.md-preview[data-v-ff15d17d] a { color: #3b82f6; text-decoration: underline;
+}
+.md-preview[data-v-ff15d17d] blockquote { border-left: 3px solid #f9b11f; padding-left: 0.75rem; color: #9ca3af; margin: 0.5rem 0;
+}
+.md-preview[data-v-ff15d17d] ul { padding-left: 1.25rem; margin: 0.3rem 0;
+}
+.md-preview[data-v-ff15d17d] li { color: #d1d5db; margin: 0.15rem 0; list-style: disc;
+}
+.md-preview[data-v-ff15d17d] hr { border: none; border-top: 2px solid #333; margin: 0.75rem 0;
+}
+.md-preview[data-v-ff15d17d] .md-code-block { background: #1a1510; border: 2px solid #000; border-radius: 0.5rem; padding: 0.75rem; overflow-x: auto; margin: 0.5rem 0;
+}
+.md-preview[data-v-ff15d17d] .md-code-block code { color: #84cc16; font-size: 0.8rem;
+}
+.md-preview[data-v-ff15d17d] .md-inline-code { background: #1a1510; color: #f9b11f; padding: 0.1rem 0.3rem; border-radius: 0.25rem; font-size: 0.85rem;
+}
+.md-preview[data-v-ff15d17d] .md-table { width: 100%; border-collapse: collapse; margin: 0.5rem 0;
+}
+.md-preview[data-v-ff15d17d] .md-table th { background: #1a1510; border: 2px solid #000; padding: 0.4rem 0.6rem; text-align: left; color: #f9b11f; font-size: 0.8rem;
+}
+.md-preview[data-v-ff15d17d] .md-table td { border: 2px solid #000; padding: 0.4rem 0.6rem; color: #d1d5db; font-size: 0.8rem;
+}
+`;document.head.appendChild(s)})();

package/dist/password-generator.mjs

@@ -0,0 +1,254 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, withDirectives, vModelText, toDisplayString, Fragment, renderList, createCommentVNode, normalizeStyle, normalizeClass } 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 flex-wrap items-center gap-4 mb-3" };
+const _hoisted_4 = { class: "flex items-center gap-2" };
+const _hoisted_5 = { class: "font-mono text-sm text-gray-100 w-8 text-center" };
+const _hoisted_6 = { class: "flex items-center gap-2" };
+const _hoisted_7 = { class: "flex flex-wrap gap-3 mb-3" };
+const _hoisted_8 = ["checked", "onChange"];
+const _hoisted_9 = { class: "text-xs text-gray-400" };
+const _hoisted_10 = { class: "flex items-center gap-3 mb-3" };
+const _hoisted_11 = { class: "flex-1 h-2 bg-bg-dark border border-black rounded-full overflow-hidden" };
+const _hoisted_12 = { class: "flex-1 overflow-auto bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = { class: "font-mono text-sm text-gray-100 select-all break-all" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const length = ref(16);
+    const useLower = ref(true);
+    const useUpper = ref(true);
+    const useDigits = ref(true);
+    const useSymbols = ref(true);
+    const count = ref(5);
+    const passwords = ref([]);
+    const copyField = ref("");
+    const charsets = computed(() => {
+      let chars = "";
+      if (useLower.value) chars += "abcdefghijklmnopqrstuvwxyz";
+      if (useUpper.value) chars += "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+      if (useDigits.value) chars += "0123456789";
+      if (useSymbols.value) chars += "!@#$%^&*()_+-=[]{}|;:,.<>?";
+      return chars;
+    });
+    function generate() {
+      const chars = charsets.value;
+      if (!chars) return;
+      const arr = new Uint32Array(length.value * count.value);
+      crypto.getRandomValues(arr);
+      passwords.value = Array.from({ length: count.value }, (_, i) => {
+        return Array.from({ length: length.value }, (_2, j) => chars[arr[i * length.value + j] % chars.length]).join("");
+      });
+    }
+    function toggleOption(key, checked) {
+      if (key === "lower") useLower.value = checked;
+      else if (key === "upper") useUpper.value = checked;
+      else if (key === "digits") useDigits.value = checked;
+      else useSymbols.value = checked;
+    }
+    const strength = computed(() => {
+      const poolSize = charsets.value.length;
+      if (!poolSize) return { label: "无", color: "text-gray-500", percent: 0 };
+      const entropy = length.value * Math.log2(poolSize);
+      if (entropy < 40) return { label: "弱", color: "text-coral-red", percent: 25 };
+      if (entropy < 60) return { label: "中等", color: "text-primary", percent: 50 };
+      if (entropy < 80) return { label: "强", color: "text-electric-blue", percent: 75 };
+      return { label: "极强", color: "text-neon-green", percent: 100 };
+    });
+    async function copy(text, field) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = field;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    generate();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[5] || (_cache[5] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2 mb-3" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "lock"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "密码生成器")
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              _cache[2] || (_cache[2] = createElementVNode(
+                "span",
+                { class: "text-xs text-gray-500" },
+                "长度:",
+                -1
+                /* CACHED */
+              )),
+              withDirectives(createElementVNode(
+                "input",
+                {
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => length.value = $event),
+                  type: "range",
+                  min: "4",
+                  max: "64",
+                  class: "w-32 accent-primary"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ), [
+                [
+                  vModelText,
+                  length.value,
+                  void 0,
+                  { number: true }
+                ]
+              ]),
+              createElementVNode(
+                "span",
+                _hoisted_5,
+                toDisplayString(length.value),
+                1
+                /* TEXT */
+              )
+            ]),
+            createElementVNode("div", _hoisted_6, [
+              _cache[3] || (_cache[3] = createElementVNode(
+                "span",
+                { class: "text-xs text-gray-500" },
+                "数量:",
+                -1
+                /* CACHED */
+              )),
+              withDirectives(createElementVNode(
+                "input",
+                {
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => count.value = $event),
+                  type: "number",
+                  min: "1",
+                  max: "50",
+                  class: "w-14 h-8 bg-bg-dark text-gray-100 border-2 border-black rounded px-2 font-mono text-sm text-center outline-none focus:border-primary"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ), [
+                [
+                  vModelText,
+                  count.value,
+                  void 0,
+                  { number: true }
+                ]
+              ])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_7, [
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList([
+                { label: "小写 a-z", key: "lower" },
+                { label: "大写 A-Z", key: "upper" },
+                { label: "数字 0-9", key: "digits" },
+                { label: "符号 !@#", key: "symbols" }
+              ], (opt) => {
+                return createElementVNode("label", {
+                  key: opt.key,
+                  class: "flex items-center gap-1.5 cursor-pointer"
+                }, [
+                  createElementVNode("input", {
+                    type: "checkbox",
+                    checked: opt.key === "lower" ? useLower.value : opt.key === "upper" ? useUpper.value : opt.key === "digits" ? useDigits.value : useSymbols.value,
+                    onChange: ($event) => toggleOption(opt.key, $event.target.checked),
+                    class: "accent-primary w-4 h-4"
+                  }, null, 40, _hoisted_8),
+                  createElementVNode(
+                    "span",
+                    _hoisted_9,
+                    toDisplayString(opt.label),
+                    1
+                    /* TEXT */
+                  )
+                ]);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ]),
+          createCommentVNode(" 强度指示 "),
+          createElementVNode("div", _hoisted_10, [
+            _cache[4] || (_cache[4] = createElementVNode(
+              "span",
+              { class: "text-xs text-gray-500" },
+              "强度:",
+              -1
+              /* CACHED */
+            )),
+            createElementVNode("div", _hoisted_11, [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(["h-full transition-all duration-300 rounded-full", strength.value.color.replace("text-", "bg-")]),
+                  style: normalizeStyle({ width: strength.value.percent + "%" })
+                },
+                null,
+                6
+                /* CLASS, STYLE */
+              )
+            ]),
+            createElementVNode(
+              "span",
+              {
+                class: normalizeClass(["text-xs font-bold", strength.value.color])
+              },
+              toDisplayString(strength.value.label),
+              3
+              /* TEXT, CLASS */
+            )
+          ]),
+          createElementVNode("button", {
+            onClick: generate,
+            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"
+          }, " 生成 ")
+        ]),
+        createElementVNode("div", _hoisted_12, [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(passwords.value, (pw, i) => {
+              return openBlock(), createElementBlock("div", {
+                key: i,
+                class: "flex items-center justify-between py-2 px-3 rounded hover:bg-white/5 cursor-pointer group",
+                onClick: ($event) => copy(pw, String(i))
+              }, [
+                createElementVNode(
+                  "span",
+                  _hoisted_14,
+                  toDisplayString(pw),
+                  1
+                  /* TEXT */
+                ),
+                createElementVNode(
+                  "span",
+                  {
+                    class: normalizeClass(["material-icons text-sm opacity-0 group-hover:opacity-100 transition-opacity shrink-0 ml-2", copyField.value === String(i) ? "text-neon-green" : "text-gray-500"])
+                  },
+                  toDisplayString(copyField.value === String(i) ? "check" : "content_copy"),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ], 8, _hoisted_13);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};