From 498763bbcb00bdca6e694faee293d26c6f160b45 Mon Sep 17 00:00:00 2001
From: wangmingyang <wangmingyang@haohandata.com.cn>
Date: Fri, 31 Oct 2025 17:48:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=8D=81=E8=BF=9B=E5=88=B6?=
 =?UTF-8?q?=20IPv4=20=E8=BD=AC=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ctool-config/src/config.ts           |   6 +-
 .../src/i18n/locales/en/tool.i18n.json5       |   3 +
 .../src/i18n/locales/zh_CN/tool.i18n.json5    |   3 +
 .../src/tools/ipDecimal/IpDecimal.vue         | 115 ++++++++++++++++++
 .../src/tools/ipDecimal/i18n/en.json5         |   6 +
 .../src/tools/ipDecimal/i18n/zh_CN.json5      |   6 +
 6 files changed, 138 insertions(+), 1 deletion(-)
 create mode 100644 packages/ctool-core/src/tools/ipDecimal/IpDecimal.vue
 create mode 100644 packages/ctool-core/src/tools/ipDecimal/i18n/en.json5
 create mode 100644 packages/ctool-core/src/tools/ipDecimal/i18n/zh_CN.json5

diff --git a/packages/ctool-config/src/config.ts b/packages/ctool-config/src/config.ts
index 004a1c47..6c39a7cc 100644
--- a/packages/ctool-config/src/config.ts
+++ b/packages/ctool-config/src/config.ts
@@ -67,6 +67,10 @@ export let _tools = {
         feature: ["pinyin"],
         parent_directory: "",
     },
+    ipDecimal: {
+        feature: ["ipDecimal"],
+        parent_directory: "",
+    },
     ip: {
         feature: ["ip"],
         parent_directory: "",
@@ -210,7 +214,7 @@ export const _categoryTool: Record<CategoryType, ToolType[]> = {
     encryption: ["hash", "hmac", "aes", "des", "tripleDes", "rc4", "rabbit", "sm2", "sm4", "rsa", "sign", "base64", "bcrypt"],
     check: ["sign", "regex", "diffs", "crontab", "bcrypt", "dataValidation"],
     encoder_decoder: ["base64", "url", "unicode", "jwt", "hexString", "html", "gzip", "asn1", "punycode"],
-    conversion: ["json", "pinyin", "radix", "serialize", "unit", "time", "ascii", "variableConversion", "hexString", "arm", "httpSnippet", "color", "urlParse", "dockerCompose", "zhNumber"],
+    conversion: ["json", "pinyin", "ipDecimal", "radix", "serialize", "unit", "time", "ascii", "variableConversion", "hexString", "arm", "httpSnippet", "color", "urlParse", "dockerCompose", "zhNumber"],
     generate: ["qrCode", "barcode", "randomString", "uuid", "binary", "ipcalc", "sqlFillParameter", "httpSnippet"],
     other: ["ip", "code", "websocket", "unit", "text"],
 };
diff --git a/packages/ctool-core/src/i18n/locales/en/tool.i18n.json5 b/packages/ctool-core/src/i18n/locales/en/tool.i18n.json5
index 85fe17c7..20aa2a77 100644
--- a/packages/ctool-core/src/i18n/locales/en/tool.i18n.json5
+++ b/packages/ctool-core/src/i18n/locales/en/tool.i18n.json5
@@ -41,6 +41,9 @@
     "qrCode_generate": "Generate",
     "qrCode_parse": "Parse",
     "pinyin": "Chinese Pinyin",
+    "ipDecimal": "Decimal IPv4 Converter",
+    "ipDecimal_ipDecimal": "Decimal IPv4 Converter",
+    "ipDecimal_ipDecimal_keywords": "ip,ipv4,decimal,dotted",
     "ip": "Ip Query",
     "code": "Code",
     "code_code": "Formatter",
diff --git a/packages/ctool-core/src/i18n/locales/zh_CN/tool.i18n.json5 b/packages/ctool-core/src/i18n/locales/zh_CN/tool.i18n.json5
index 6b234b08..92780daa 100644
--- a/packages/ctool-core/src/i18n/locales/zh_CN/tool.i18n.json5
+++ b/packages/ctool-core/src/i18n/locales/zh_CN/tool.i18n.json5
@@ -45,6 +45,9 @@
     "qrCode_parse": "解析",
     "barcode": "条形码",
     "pinyin": "汉字转拼音",
+    "ipDecimal": "十进制 IPv4 转换",
+    "ipDecimal_ipDecimal": "十进制 IPv4 转换",
+    "ipDecimal_ipDecimal_keywords": "ip,ipv4,十进制,整型,转换",
     "ip": "IP地址查询",
     "code": "代码",
     "code_code": "格式化",
diff --git a/packages/ctool-core/src/tools/ipDecimal/IpDecimal.vue b/packages/ctool-core/src/tools/ipDecimal/IpDecimal.vue
new file mode 100644
index 00000000..e63511e1
--- /dev/null
+++ b/packages/ctool-core/src/tools/ipDecimal/IpDecimal.vue
@@ -0,0 +1,115 @@
+<template>
+    <HeightResize v-slot="{height}" v-row="'1-1'">
+        <Display position="top-right">
+            <Textarea
+                :height="height"
+                v-model="decimalValue"
+                :placeholder="$t('ipDecimal_decimal_placeholder')"
+                :copy="false"
+            />
+        </Display>
+        <Display position="top-right">
+            <Textarea
+                :height="height"
+                v-model="dottedValue"
+                :placeholder="$t('ipDecimal_ipv4_placeholder')"
+                :copy="false"
+            />
+        </Display>
+    </HeightResize>
+</template>
+
+<script lang="ts" setup>
+import {initialize, useAction} from "@/store/action";
+import {computed, ref, watch} from "vue";
+
+const action = useAction(await initialize({
+    decimal: "",
+    dotted: "",
+}, {
+    paste: (value) => /^[\s0-9.]*$/.test(value),
+}))
+
+const MAX_IPV4 = 0xffffffff
+const DECIMAL_REG = /^\d+$/
+const OCTET_REG = /^(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)$/
+
+const normalize = (content: string) => content.replace(/\r\n/g, "\n")
+
+const decimalLineToDotted = (line: string) => {
+    const trimmed = line.trim()
+    if (trimmed === "") {
+        return ""
+    }
+    if (!DECIMAL_REG.test(trimmed)) {
+        return $t('ipDecimal_invalid_decimal', [trimmed])
+    }
+    const numeric = Number.parseInt(trimmed, 10)
+    if (!Number.isFinite(numeric) || !Number.isSafeInteger(numeric) || numeric < 0 || numeric > MAX_IPV4) {
+        return $t('ipDecimal_invalid_decimal', [trimmed])
+    }
+    const value = numeric >>> 0
+    return [
+        (value >>> 24) & 0xff,
+        (value >>> 16) & 0xff,
+        (value >>> 8) & 0xff,
+        value & 0xff,
+    ].join('.')
+}
+
+const dottedLineToDecimal = (line: string) => {
+    const trimmed = line.trim()
+    if (trimmed === "") {
+        return ""
+    }
+    const parts = trimmed.split('.')
+    if (parts.length !== 4 || parts.some((part) => !OCTET_REG.test(part))) {
+        return $t('ipDecimal_invalid_ipv4', [trimmed])
+    }
+    const [a, b, c, d] = parts.map((part) => Number.parseInt(part, 10))
+    const value = ((a * 256 + b) * 256 + c) * 256 + d
+    if (!Number.isFinite(value) || value < 0 || value > MAX_IPV4) {
+        return $t('ipDecimal_invalid_ipv4', [trimmed])
+    }
+    return `${value}`
+}
+
+const convertDecimalBlock = (content: string) => normalize(content).split("\n").map(decimalLineToDotted).join("\n")
+const convertDottedBlock = (content: string) => normalize(content).split("\n").map(dottedLineToDecimal).join("\n")
+
+const lastEdited = ref<"decimal" | "dotted" | "">("")
+
+const decimalValue = computed({
+    get: () => action.current.decimal,
+    set: (value: string) => {
+        lastEdited.value = "decimal"
+        action.current.decimal = value
+    }
+})
+
+const dottedValue = computed({
+    get: () => action.current.dotted,
+    set: (value: string) => {
+        lastEdited.value = "dotted"
+        action.current.dotted = value
+    }
+})
+
+watch(() => action.current.decimal, (value) => {
+    if (lastEdited.value !== "decimal") {
+        return
+    }
+    action.current.dotted = convertDecimalBlock(value)
+    lastEdited.value = ""
+    action.save()
+})
+
+watch(() => action.current.dotted, (value) => {
+    if (lastEdited.value !== "dotted") {
+        return
+    }
+    action.current.decimal = convertDottedBlock(value)
+    lastEdited.value = ""
+    action.save()
+})
+</script>
diff --git a/packages/ctool-core/src/tools/ipDecimal/i18n/en.json5 b/packages/ctool-core/src/tools/ipDecimal/i18n/en.json5
new file mode 100644
index 00000000..790fffb5
--- /dev/null
+++ b/packages/ctool-core/src/tools/ipDecimal/i18n/en.json5
@@ -0,0 +1,6 @@
+{
+    decimal_placeholder: "Enter decimal IPv4 (one per line)",
+    ipv4_placeholder: "Enter dotted IPv4 (one per line)",
+    invalid_decimal: "Invalid decimal IPv4: {0}",
+    invalid_ipv4: "Invalid dotted IPv4: {0}"
+}
diff --git a/packages/ctool-core/src/tools/ipDecimal/i18n/zh_CN.json5 b/packages/ctool-core/src/tools/ipDecimal/i18n/zh_CN.json5
new file mode 100644
index 00000000..510e5348
--- /dev/null
+++ b/packages/ctool-core/src/tools/ipDecimal/i18n/zh_CN.json5
@@ -0,0 +1,6 @@
+{
+    decimal_placeholder: "输入十进制 IPv4（每行一个）",
+    ipv4_placeholder: "输入点分 IPv4（每行一个）",
+    invalid_decimal: "无效的十进制 IPv4: {0}",
+    invalid_ipv4: "无效的点分 IPv4: {0}"
+}