@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/chmod-calculator.mjs

@@ -0,0 +1,286 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createCommentVNode, createElementVNode, withDirectives, vModelText, toDisplayString, normalizeClass, createTextVNode, Fragment, renderList, vModelCheckbox } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-5" };
+const _hoisted_2 = { class: "flex items-center gap-4" };
+const _hoisted_3 = { class: "flex items-center gap-2" };
+const _hoisted_4 = { class: "flex-1 h-12 bg-deep-charcoal border-4 border-black rounded-xl flex items-center px-4 shadow-hard font-mono text-lg text-gray-300" };
+const _hoisted_5 = { class: "material-icons text-lg" };
+const _hoisted_6 = { class: "bg-deep-charcoal border-4 border-black rounded-xl shadow-hard overflow-hidden" };
+const _hoisted_7 = { class: "grid grid-cols-4 border-b-2 border-black" };
+const _hoisted_8 = { class: "p-3 flex items-center gap-2" };
+const _hoisted_9 = { class: "material-icons text-base text-primary" };
+const _hoisted_10 = { class: "text-sm font-bold text-white" };
+const _hoisted_11 = { class: "ml-auto text-lg font-black text-primary" };
+const _hoisted_12 = { class: "relative cursor-pointer" };
+const _hoisted_13 = ["onUpdate:modelValue"];
+const _hoisted_14 = { class: "flex flex-wrap gap-2" };
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = { class: "font-black" };
+const _hoisted_17 = { class: "ml-1.5 text-xs opacity-70" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const roles = ["所有者", "组", "其他"];
+    const permBits = ["读取 (r)", "写入 (w)", "执行 (x)"];
+    const bitValues = [4, 2, 1];
+    const perms = ref([
+      [true, true, true],
+      // owner: rwx = 7
+      [true, false, true],
+      // group: r-x = 5
+      [true, false, true]
+      // other: r-x = 5
+    ]);
+    const octalInput = ref("755");
+    const symbolicInput = ref("");
+    const syncing = ref(false);
+    const octalFromPerms = computed(
+      () => perms.value.map(
+        (role) => role.reduce((sum, on, i) => sum + (on ? bitValues[i] : 0), 0)
+      ).join("")
+    );
+    const symbolicFromPerms = computed(
+      () => perms.value.map(
+        (role) => role.map((on, i) => on ? "rwx"[i] : "-").join("")
+      ).join("")
+    );
+    const lsStyle = computed(() => "-" + symbolicFromPerms.value);
+    watch(perms, () => {
+      if (syncing.value) return;
+      syncing.value = true;
+      octalInput.value = octalFromPerms.value;
+      symbolicInput.value = symbolicFromPerms.value;
+      syncing.value = false;
+    }, { deep: true });
+    watch(octalInput, (val) => {
+      if (syncing.value) return;
+      if (!/^[0-7]{3}$/.test(val)) return;
+      syncing.value = true;
+      const digits = val.split("").map(Number);
+      perms.value = digits.map(
+        (d) => bitValues.map((b) => (d & b) !== 0)
+      );
+      symbolicInput.value = symbolicFromPerms.value;
+      syncing.value = false;
+    });
+    const presets = [
+      { label: "755", desc: "标准目录/可执行文件" },
+      { label: "644", desc: "标准文件" },
+      { label: "777", desc: "完全开放" },
+      { label: "700", desc: "仅所有者" },
+      { label: "600", desc: "仅所有者读写" },
+      { label: "444", desc: "只读" }
+    ];
+    function applyPreset(octal) {
+      octalInput.value = octal;
+    }
+    const copySuccess = ref(false);
+    async function copyCommand() {
+      await navigator.clipboard.writeText(`chmod ${octalInput.value}`);
+      copySuccess.value = true;
+      setTimeout(() => {
+        copySuccess.value = false;
+      }, 1500);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" 八进制输入 + 命令复制 "),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[1] || (_cache[1] = createElementVNode(
+              "span",
+              { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" },
+              "chmod",
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createElementVNode(
+              "input",
+              {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => octalInput.value = $event),
+                maxlength: "3",
+                class: "w-24 h-12 bg-deep-charcoal text-center text-3xl font-black text-primary border-4 border-black rounded-xl outline-none focus:border-primary shadow-hard transition-all tracking-widest"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, octalInput.value]
+            ])
+          ]),
+          createElementVNode(
+            "div",
+            _hoisted_4,
+            toDisplayString(lsStyle.value),
+            1
+            /* TEXT */
+          ),
+          createElementVNode(
+            "button",
+            {
+              class: normalizeClass(["h-12 px-5 font-bold border-2 border-black rounded-xl shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-2 text-sm", copySuccess.value ? "bg-neon-green text-black" : "bg-primary text-black"]),
+              onClick: copyCommand
+            },
+            [
+              createElementVNode(
+                "span",
+                _hoisted_5,
+                toDisplayString(copySuccess.value ? "check" : "content_copy"),
+                1
+                /* TEXT */
+              ),
+              createTextVNode(
+                " " + toDisplayString(copySuccess.value ? "已复制" : "复制命令"),
+                1
+                /* TEXT */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        createCommentVNode(" 权限矩阵 "),
+        createElementVNode("div", _hoisted_6, [
+          createCommentVNode(" 表头 "),
+          createElementVNode("div", _hoisted_7, [
+            _cache[2] || (_cache[2] = createElementVNode(
+              "div",
+              { class: "p-3" },
+              null,
+              -1
+              /* CACHED */
+            )),
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList(permBits, (perm) => {
+                return createElementVNode(
+                  "div",
+                  {
+                    key: perm,
+                    class: "p-3 text-center text-xs font-bold text-gray-400 uppercase tracking-wider"
+                  },
+                  toDisplayString(perm),
+                  1
+                  /* TEXT */
+                );
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ]),
+          createCommentVNode(" 每行一个角色 "),
+          (openBlock(), createElementBlock(
+            Fragment,
+            null,
+            renderList(roles, (role, ri) => {
+              return createElementVNode("div", {
+                key: role,
+                class: "grid grid-cols-4 border-b border-white/5 last:border-b-0 hover:bg-white/5 transition-colors"
+              }, [
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode(
+                    "span",
+                    _hoisted_9,
+                    toDisplayString(ri === 0 ? "person" : ri === 1 ? "group" : "public"),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "span",
+                    _hoisted_10,
+                    toDisplayString(role),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "span",
+                    _hoisted_11,
+                    toDisplayString(octalInput.value[ri] || "0"),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                (openBlock(), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(permBits, (_, pi) => {
+                    return createElementVNode("div", {
+                      key: pi,
+                      class: "p-3 flex items-center justify-center"
+                    }, [
+                      createElementVNode("label", _hoisted_12, [
+                        withDirectives(createElementVNode("input", {
+                          "onUpdate:modelValue": ($event) => perms.value[ri][pi] = $event,
+                          type: "checkbox",
+                          class: "sr-only peer"
+                        }, null, 8, _hoisted_13), [
+                          [vModelCheckbox, perms.value[ri][pi]]
+                        ]),
+                        _cache[3] || (_cache[3] = createElementVNode(
+                          "div",
+                          { class: "w-10 h-10 rounded-lg border-2 border-black bg-white/5 peer-checked:bg-primary peer-checked:border-primary flex items-center justify-center transition-all" },
+                          [
+                            createElementVNode("span", { class: "material-icons text-xl text-transparent peer-checked:text-black transition-colors" }, "check")
+                          ],
+                          -1
+                          /* CACHED */
+                        ))
+                      ])
+                    ]);
+                  }),
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ]);
+            }),
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ]),
+        createCommentVNode(" 常用预设 "),
+        createElementVNode("div", null, [
+          _cache[4] || (_cache[4] = createElementVNode(
+            "span",
+            { class: "text-xs font-bold text-gray-500 uppercase tracking-wider mb-2 block" },
+            "常用预设",
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_14, [
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList(presets, (p) => {
+                return createElementVNode("button", {
+                  key: p.label,
+                  class: normalizeClass(["px-3 py-2 border-2 border-black rounded-lg font-bold text-sm transition-all", octalInput.value === p.label ? "bg-primary text-black shadow-hard-sm" : "bg-white/5 text-gray-300 hover:bg-white/10 hover:text-white"]),
+                  onClick: ($event) => applyPreset(p.label)
+                }, [
+                  createElementVNode(
+                    "span",
+                    _hoisted_16,
+                    toDisplayString(p.label),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "span",
+                    _hoisted_17,
+                    toDisplayString(p.desc),
+                    1
+                    /* TEXT */
+                  )
+                ], 10, _hoisted_15);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/color-converter.mjs

@@ -0,0 +1,211 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, withDirectives, vModelText, normalizeStyle, Fragment, renderList, toDisplayString, normalizeClass, 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 flex-wrap items-center gap-4" };
+const _hoisted_4 = ["value"];
+const _hoisted_5 = { class: "flex flex-wrap gap-2 mt-3" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+  key: 0,
+  class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0"
+};
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "flex items-center justify-between mb-2" };
+const _hoisted_10 = { class: "text-xs font-bold text-gray-500 uppercase tracking-wider" };
+const _hoisted_11 = {
+  key: 1,
+  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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const hexInput = ref("#3b82f6");
+    const copyField = ref("");
+    function hexToRgb(hex) {
+      const m = hex.replace("#", "").match(/^([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
+      if (!m) {
+        const s = hex.replace("#", "").match(/^([0-9a-f])([0-9a-f])([0-9a-f])$/i);
+        if (!s) return null;
+        return [parseInt(s[1] + s[1], 16), parseInt(s[2] + s[2], 16), parseInt(s[3] + s[3], 16)];
+      }
+      return [parseInt(m[1], 16), parseInt(m[2], 16), parseInt(m[3], 16)];
+    }
+    function rgbToHsl(r, g, b) {
+      r /= 255;
+      g /= 255;
+      b /= 255;
+      const max = Math.max(r, g, b), min = Math.min(r, g, b);
+      let h = 0, s = 0;
+      const l = (max + min) / 2;
+      if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+        else if (max === g) h = ((b - r) / d + 2) / 6;
+        else h = ((r - g) / d + 4) / 6;
+      }
+      return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];
+    }
+    const rgb = computed(() => hexToRgb(hexInput.value));
+    const hsl = computed(() => rgb.value ? rgbToHsl(...rgb.value) : null);
+    const formats = computed(() => {
+      if (!rgb.value || !hsl.value) return [];
+      const [r, g, b] = rgb.value;
+      const [h, s, l] = hsl.value;
+      const hex = `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+      return [
+        { label: "HEX", value: hex.toUpperCase(), color: "text-primary" },
+        { label: "RGB", value: `rgb(${r}, ${g}, ${b})`, color: "text-electric-blue" },
+        { label: "HSL", value: `hsl(${h}, ${s}%, ${l}%)`, color: "text-vibrant-purple" },
+        { label: "RGB 数值", value: `${r}, ${g}, ${b}`, color: "text-neon-green" }
+      ];
+    });
+    const presets = [
+      "#ef4444",
+      "#f97316",
+      "#f9b11f",
+      "#84cc16",
+      "#22c55e",
+      "#06b6d4",
+      "#3b82f6",
+      "#8b5cf6",
+      "#ec4899",
+      "#ffffff",
+      "#000000",
+      "#6b7280"
+    ];
+    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, [
+        createCommentVNode(" 输入 + 预览 "),
+        createElementVNode("div", _hoisted_2, [
+          _cache[2] || (_cache[2] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2 mb-3" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "palette"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "颜色转换器")
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("input", {
+              type: "color",
+              value: hexInput.value,
+              onInput: _cache[0] || (_cache[0] = ($event) => hexInput.value = $event.target.value),
+              class: "w-16 h-16 border-4 border-black rounded-lg cursor-pointer shadow-hard"
+            }, null, 40, _hoisted_4),
+            withDirectives(createElementVNode(
+              "input",
+              {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hexInput.value = $event),
+                placeholder: "#3b82f6",
+                class: "flex-1 h-12 bg-bg-dark text-gray-100 border-4 border-black rounded-lg px-4 font-mono text-lg shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, hexInput.value]
+            ]),
+            createElementVNode(
+              "div",
+              {
+                class: "w-24 h-16 border-4 border-black rounded-lg shadow-hard",
+                style: normalizeStyle({ backgroundColor: hexInput.value })
+              },
+              null,
+              4
+              /* STYLE */
+            )
+          ]),
+          createCommentVNode(" 预设色板 "),
+          createElementVNode("div", _hoisted_5, [
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList(presets, (c) => {
+                return createElementVNode("button", {
+                  key: c,
+                  onClick: ($event) => hexInput.value = c,
+                  class: "w-8 h-8 border-2 border-black rounded hover:scale-110 transition-transform",
+                  style: normalizeStyle({ backgroundColor: c })
+                }, null, 12, _hoisted_6);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ]),
+        createCommentVNode(" 格式输出 "),
+        formats.value.length ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(formats.value, (f) => {
+              return openBlock(), createElementBlock("div", {
+                key: f.label,
+                class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard cursor-pointer hover:border-primary transition-all group",
+                onClick: ($event) => copy(f.value, f.label)
+              }, [
+                createElementVNode("div", _hoisted_9, [
+                  createElementVNode(
+                    "span",
+                    _hoisted_10,
+                    toDisplayString(f.label),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "span",
+                    {
+                      class: normalizeClass(["material-icons text-sm opacity-0 group-hover:opacity-100 transition-opacity", copyField.value === f.label ? "text-neon-green" : "text-gray-500"])
+                    },
+                    toDisplayString(copyField.value === f.label ? "check" : "content_copy"),
+                    3
+                    /* TEXT, CLASS */
+                  )
+                ]),
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(["font-mono text-lg select-all", f.color])
+                  },
+                  toDisplayString(f.value),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ], 8, _hoisted_8);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : createCommentVNode("v-if", true),
+        !rgb.value ? (openBlock(), createElementBlock("div", _hoisted_11, [..._cache[3] || (_cache[3] = [
+          createElementVNode(
+            "span",
+            { class: "material-icons text-lg" },
+            "error_outline",
+            -1
+            /* CACHED */
+          ),
+          createTextVNode(
+            " 无效的颜色值 ",
+            -1
+            /* CACHED */
+          )
+        ])])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};