@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/sql-formatter.mjs

@@ -0,0 +1,242 @@
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, withDirectives, vModelText, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-4" };
+const _hoisted_2 = { class: "flex-1 grid grid-cols-2 gap-4 min-h-0" };
+const _hoisted_3 = { class: "bg-deep-charcoal border-4 border-black rounded-xl shadow-hard overflow-hidden flex flex-col" };
+const _hoisted_4 = { class: "bg-deep-charcoal border-4 border-black rounded-xl shadow-hard overflow-hidden flex flex-col" };
+const _hoisted_5 = { class: "flex items-center justify-between px-3 py-2 border-b-2 border-black" };
+const _hoisted_6 = { class: "material-icons text-sm" };
+const _hoisted_7 = { class: "flex-1 overflow-auto px-4 py-3 font-mono text-sm text-gray-100 whitespace-pre-wrap select-all" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const input = ref("");
+    const output = ref("");
+    const copyField = ref("");
+    const keywords = [
+      "SELECT",
+      "FROM",
+      "WHERE",
+      "AND",
+      "OR",
+      "INSERT",
+      "INTO",
+      "VALUES",
+      "UPDATE",
+      "SET",
+      "DELETE",
+      "CREATE",
+      "TABLE",
+      "ALTER",
+      "DROP",
+      "JOIN",
+      "LEFT",
+      "RIGHT",
+      "INNER",
+      "OUTER",
+      "FULL",
+      "CROSS",
+      "ON",
+      "GROUP",
+      "BY",
+      "ORDER",
+      "HAVING",
+      "LIMIT",
+      "OFFSET",
+      "UNION",
+      "ALL",
+      "AS",
+      "IN",
+      "NOT",
+      "NULL",
+      "IS",
+      "LIKE",
+      "BETWEEN",
+      "EXISTS",
+      "CASE",
+      "WHEN",
+      "THEN",
+      "ELSE",
+      "END",
+      "DISTINCT",
+      "COUNT",
+      "SUM",
+      "AVG",
+      "MIN",
+      "MAX",
+      "ASC",
+      "DESC",
+      "WITH"
+    ];
+    const majorKeywords = /* @__PURE__ */ new Set([
+      "SELECT",
+      "FROM",
+      "WHERE",
+      "JOIN",
+      "LEFT JOIN",
+      "RIGHT JOIN",
+      "INNER JOIN",
+      "OUTER JOIN",
+      "FULL JOIN",
+      "CROSS JOIN",
+      "GROUP BY",
+      "ORDER BY",
+      "HAVING",
+      "LIMIT",
+      "OFFSET",
+      "UNION",
+      "UNION ALL",
+      "INSERT INTO",
+      "VALUES",
+      "UPDATE",
+      "SET",
+      "DELETE FROM",
+      "CREATE TABLE",
+      "ALTER TABLE",
+      "DROP TABLE",
+      "WITH",
+      "AND",
+      "OR",
+      "ON"
+    ]);
+    function formatSQL(sql) {
+      if (!sql.trim()) return "";
+      let s = sql.replace(/\s+/g, " ").trim();
+      for (const kw of keywords) {
+        const re = new RegExp(`\\b${kw}\\b`, "gi");
+        s = s.replace(re, kw);
+      }
+      s = s.replace(/\bLEFT\s+JOIN\b/g, "LEFT JOIN");
+      s = s.replace(/\bRIGHT\s+JOIN\b/g, "RIGHT JOIN");
+      s = s.replace(/\bINNER\s+JOIN\b/g, "INNER JOIN");
+      s = s.replace(/\bOUTER\s+JOIN\b/g, "OUTER JOIN");
+      s = s.replace(/\bFULL\s+JOIN\b/g, "FULL JOIN");
+      s = s.replace(/\bCROSS\s+JOIN\b/g, "CROSS JOIN");
+      s = s.replace(/\bGROUP\s+BY\b/g, "GROUP BY");
+      s = s.replace(/\bORDER\s+BY\b/g, "ORDER BY");
+      s = s.replace(/\bINSERT\s+INTO\b/g, "INSERT INTO");
+      s = s.replace(/\bDELETE\s+FROM\b/g, "DELETE FROM");
+      s = s.replace(/\bCREATE\s+TABLE\b/g, "CREATE TABLE");
+      s = s.replace(/\bALTER\s+TABLE\b/g, "ALTER TABLE");
+      s = s.replace(/\bDROP\s+TABLE\b/g, "DROP TABLE");
+      s = s.replace(/\bUNION\s+ALL\b/g, "UNION ALL");
+      for (const kw of majorKeywords) {
+        const re = new RegExp(`\\s+${kw.replace(/\s+/g, "\\s+")}\\b`, "g");
+        s = s.replace(re, `
+${kw}`);
+      }
+      const lines = s.split("\n");
+      const result = [];
+      for (const line of lines) {
+        const trimmed = line.trim();
+        if (!trimmed) continue;
+        if (/^(AND|OR|ON)\b/.test(trimmed)) {
+          result.push("  " + trimmed);
+        } else if (/^(SELECT|FROM|WHERE|JOIN|LEFT|RIGHT|INNER|OUTER|FULL|CROSS|GROUP|ORDER|HAVING|LIMIT|OFFSET|UNION|SET|VALUES)\b/.test(trimmed)) {
+          result.push(trimmed);
+        } else {
+          result.push("  ".repeat(1) + trimmed);
+        }
+      }
+      return result.join("\n");
+    }
+    function format() {
+      output.value = formatSQL(input.value);
+    }
+    function loadSample() {
+      input.value = "SELECT u.id, u.name, u.email, COUNT(o.id) as order_count FROM users u LEFT JOIN orders o ON u.id = o.user_id WHERE u.status = 'active' AND o.created_at > '2024-01-01' GROUP BY u.id, u.name, u.email HAVING COUNT(o.id) > 5 ORDER BY order_count DESC LIMIT 10";
+      format();
+    }
+    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", { class: "flex items-center justify-between" }, [
+          _cache[2] || (_cache[2] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "storage"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "SQL 格式化")
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", { class: "flex gap-2" }, [
+            createElementVNode("button", {
+              onClick: loadSample,
+              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"
+            }, " 加载示例 "),
+            createElementVNode("button", {
+              onClick: format,
+              class: "h-8 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("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[3] || (_cache[3] = createElementVNode(
+              "div",
+              { class: "px-3 py-2 border-b-2 border-black text-xs font-bold text-gray-500 uppercase" },
+              "输入 SQL",
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createElementVNode(
+              "textarea",
+              {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+                onInput: format,
+                placeholder: "输入 SQL 语句...",
+                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,
+              544
+              /* NEED_HYDRATION, NEED_PATCH */
+            ), [
+              [vModelText, input.value]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_5, [
+              _cache[4] || (_cache[4] = createElementVNode(
+                "span",
+                { class: "text-xs font-bold text-gray-500 uppercase" },
+                "格式化结果",
+                -1
+                /* CACHED */
+              )),
+              output.value ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                onClick: _cache[1] || (_cache[1] = ($event) => copy(output.value, "output")),
+                class: "flex items-center gap-1 text-xs text-gray-500 hover:text-primary transition-colors"
+              }, [
+                createElementVNode(
+                  "span",
+                  _hoisted_6,
+                  toDisplayString(copyField.value === "output" ? "check" : "content_copy"),
+                  1
+                  /* TEXT */
+                )
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            createElementVNode(
+              "pre",
+              _hoisted_7,
+              toDisplayString(output.value),
+              1
+              /* TEXT */
+            )
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};