@cnc_cbz/usefultools-plugin-official 1.1.1 → 1.1.3

package/dist/translator.mjs

@@ -269,14 +269,20 @@ ${cleanedText}`;
         }
       }
     }
+    function splitVarWords(text) {
+      return text.trim().normalize("NFKC").replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/[-_./\\]+/g, " ").replace(/[^\p{L}\p{N}\s]+/gu, " ").split(/\s+/).filter(Boolean);
+    }
+    function upperFirst(word) {
+      return word ? word[0].toUpperCase() + word.slice(1) : word;
+    }
     function toVarName(text, caseType) {
-      const words = text.trim().toLowerCase().replace(/[^\w\s]/g, " ").split(/\s+/).filter((w) => w);
-      if (!words.length) return "";
+      const words = splitVarWords(text).map((w) => w.toLowerCase());
+      if (!words.length) return text.trim();
       switch (caseType) {
         case "camel":
-          return words[0] + words.slice(1).map((w) => w[0].toUpperCase() + w.slice(1)).join("");
+          return words[0] + words.slice(1).map(upperFirst).join("");
         case "pascal":
-          return words.map((w) => w[0].toUpperCase() + w.slice(1)).join("");
+          return words.map(upperFirst).join("");
         case "snake":
           return words.join("_");
         case "screaming":
@@ -532,7 +538,7 @@ ${cleanedText}`;
                 class: "h-9 bg-deep-charcoal text-white border-2 border-black rounded px-3 text-sm font-bold outline-none focus:border-electric-blue transition-colors"
               },
               [..._cache[20] || (_cache[20] = [
-                createStaticVNode('<option value="camel" data-v-f1bace68>驼峰 camelCase</option><option value="pascal" data-v-f1bace68>帕斯卡 PascalCase</option><option value="snake" data-v-f1bace68>蛇形 snake_case</option><option value="screaming" data-v-f1bace68>常量 SCREAMING_CASE</option><option value="kebab" data-v-f1bace68>短横 kebab-case</option>', 5)
+                createStaticVNode('<option value="camel" data-v-9db7edfe>驼峰 camelCase</option><option value="pascal" data-v-9db7edfe>帕斯卡 PascalCase</option><option value="snake" data-v-9db7edfe>蛇形 snake_case</option><option value="screaming" data-v-9db7edfe>常量 SCREAMING_CASE</option><option value="kebab" data-v-9db7edfe>短横 kebab-case</option>', 5)
               ])],
               512
               /* NEED_PATCH */
@@ -842,7 +848,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1bace68"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9db7edfe"]]);
 export {
   index as default
 };
@@ -1030,6 +1036,40 @@ export {
     grid-column: span 2 / span 2;
   }
 
+  .container {
+    width: 100%;
+  }
+
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -1086,6 +1126,10 @@ export {
     margin-bottom: calc(var(--spacing) * 3);
   }
 
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+
   .ml-0\\.5 {
     margin-left: calc(var(--spacing) * .5);
   }
@@ -1334,6 +1378,10 @@ export {
     width: 100%;
   }
 
+  .max-w-60 {
+    max-width: calc(var(--spacing) * 60);
+  }
+
   .max-w-70 {
     max-width: calc(var(--spacing) * 70);
   }
@@ -1350,6 +1398,10 @@ export {
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+
   .min-w-\\[90px\\] {
     min-width: 90px;
   }
@@ -1656,6 +1708,16 @@ export {
     border-color: var(--color-coral-red);
   }
 
+  .border-coral-red\\/30 {
+    border-color: #ff6b6b4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-coral-red\\/30 {
+      border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
+    }
+  }
+
   .border-coral-red\\/40 {
     border-color: #ff6b6b66;
   }
@@ -1666,6 +1728,16 @@ export {
     }
   }
 
+  .border-electric-blue\\/30 {
+    border-color: #3b82f64d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-electric-blue\\/30 {
+      border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
+    }
+  }
+
   .border-electric-blue\\/40 {
     border-color: #3b82f666;
   }
@@ -1684,10 +1756,30 @@ export {
     border-color: var(--color-gray-700);
   }
 
+  .border-hot-pink\\/30 {
+    border-color: #ec48994d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-hot-pink\\/30 {
+      border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
+    }
+  }
+
   .border-neon-green {
     border-color: var(--color-neon-green);
   }
 
+  .border-neon-green\\/30 {
+    border-color: #84cc164d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-neon-green\\/30 {
+      border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
+    }
+  }
+
   .border-neon-green\\/40 {
     border-color: #84cc1666;
   }
@@ -1702,6 +1794,16 @@ export {
     border-color: var(--color-primary);
   }
 
+  .border-primary\\/30 {
+    border-color: #f9b11f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-primary\\/30 {
+      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+    }
+  }
+
   .border-primary\\/40 {
     border-color: #f9b11f66;
   }
@@ -1716,6 +1818,16 @@ export {
     border-color: #0000;
   }
 
+  .border-vibrant-purple\\/30 {
+    border-color: #a855f74d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-vibrant-purple\\/30 {
+      border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
+    }
+  }
+
   .border-white\\/5 {
     border-color: #ffffff0d;
   }
@@ -1812,6 +1924,16 @@ export {
     background-color: var(--color-electric-blue);
   }
 
+  .bg-electric-blue\\/10 {
+    background-color: #3b82f61a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-electric-blue\\/10 {
+      background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
+    }
+  }
+
   .bg-electric-blue\\/20 {
     background-color: #3b82f633;
   }
@@ -1826,6 +1948,16 @@ export {
     background-color: var(--color-hot-pink);
   }
 
+  .bg-hot-pink\\/10 {
+    background-color: #ec48991a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-hot-pink\\/10 {
+      background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
+    }
+  }
+
   .bg-neon-green {
     background-color: var(--color-neon-green);
   }
@@ -1912,6 +2044,16 @@ export {
     background-color: var(--color-vibrant-purple);
   }
 
+  .bg-vibrant-purple\\/10 {
+    background-color: #a855f71a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-vibrant-purple\\/10 {
+      background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
+    }
+  }
+
   .bg-white {
     background-color: var(--color-white);
   }
@@ -1988,6 +2130,10 @@ export {
     padding: calc(var(--spacing) * 3);
   }
 
+  .p-3\\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
+
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -3046,10 +3192,10 @@ export {
   }
 }
 
-.api-key-input[data-v-f1bace68]::-ms-reveal,
-.api-key-input[data-v-f1bace68]::-ms-clear,
-.api-key-input[data-v-f1bace68]::-webkit-credentials-auto-fill-button,
-.api-key-input[data-v-f1bace68]::-webkit-contacts-auto-fill-button {
+.api-key-input[data-v-9db7edfe]::-ms-reveal,
+.api-key-input[data-v-9db7edfe]::-ms-clear,
+.api-key-input[data-v-9db7edfe]::-webkit-credentials-auto-fill-button,
+.api-key-input[data-v-9db7edfe]::-webkit-contacts-auto-fill-button {
   display: none !important;
   visibility: hidden;
   pointer-events: none;

package/dist/url-codec.mjs

@@ -361,6 +361,40 @@ export {
     grid-column: span 2 / span 2;
   }
 
+  .container {
+    width: 100%;
+  }
+
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -417,6 +451,10 @@ export {
     margin-bottom: calc(var(--spacing) * 3);
   }
 
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+
   .ml-0\\.5 {
     margin-left: calc(var(--spacing) * .5);
   }
@@ -665,6 +703,10 @@ export {
     width: 100%;
   }
 
+  .max-w-60 {
+    max-width: calc(var(--spacing) * 60);
+  }
+
   .max-w-70 {
     max-width: calc(var(--spacing) * 70);
   }
@@ -681,6 +723,10 @@ export {
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+
   .min-w-\\[90px\\] {
     min-width: 90px;
   }
@@ -987,6 +1033,16 @@ export {
     border-color: var(--color-coral-red);
   }
 
+  .border-coral-red\\/30 {
+    border-color: #ff6b6b4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-coral-red\\/30 {
+      border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
+    }
+  }
+
   .border-coral-red\\/40 {
     border-color: #ff6b6b66;
   }
@@ -997,6 +1053,16 @@ export {
     }
   }
 
+  .border-electric-blue\\/30 {
+    border-color: #3b82f64d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-electric-blue\\/30 {
+      border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
+    }
+  }
+
   .border-electric-blue\\/40 {
     border-color: #3b82f666;
   }
@@ -1015,10 +1081,30 @@ export {
     border-color: var(--color-gray-700);
   }
 
+  .border-hot-pink\\/30 {
+    border-color: #ec48994d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-hot-pink\\/30 {
+      border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
+    }
+  }
+
   .border-neon-green {
     border-color: var(--color-neon-green);
   }
 
+  .border-neon-green\\/30 {
+    border-color: #84cc164d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-neon-green\\/30 {
+      border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
+    }
+  }
+
   .border-neon-green\\/40 {
     border-color: #84cc1666;
   }
@@ -1033,6 +1119,16 @@ export {
     border-color: var(--color-primary);
   }
 
+  .border-primary\\/30 {
+    border-color: #f9b11f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-primary\\/30 {
+      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+    }
+  }
+
   .border-primary\\/40 {
     border-color: #f9b11f66;
   }
@@ -1047,6 +1143,16 @@ export {
     border-color: #0000;
   }
 
+  .border-vibrant-purple\\/30 {
+    border-color: #a855f74d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-vibrant-purple\\/30 {
+      border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
+    }
+  }
+
   .border-white\\/5 {
     border-color: #ffffff0d;
   }
@@ -1143,6 +1249,16 @@ export {
     background-color: var(--color-electric-blue);
   }
 
+  .bg-electric-blue\\/10 {
+    background-color: #3b82f61a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-electric-blue\\/10 {
+      background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
+    }
+  }
+
   .bg-electric-blue\\/20 {
     background-color: #3b82f633;
   }
@@ -1157,6 +1273,16 @@ export {
     background-color: var(--color-hot-pink);
   }
 
+  .bg-hot-pink\\/10 {
+    background-color: #ec48991a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-hot-pink\\/10 {
+      background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
+    }
+  }
+
   .bg-neon-green {
     background-color: var(--color-neon-green);
   }
@@ -1243,6 +1369,16 @@ export {
     background-color: var(--color-vibrant-purple);
   }
 
+  .bg-vibrant-purple\\/10 {
+    background-color: #a855f71a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-vibrant-purple\\/10 {
+      background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
+    }
+  }
+
   .bg-white {
     background-color: var(--color-white);
   }
@@ -1319,6 +1455,10 @@ export {
     padding: calc(var(--spacing) * 3);
   }
 
+  .p-3\\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
+
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }