支持任意 JavaScript 环境或框架

uuid

buildUUID

生成 32 位 uuid

长度：32

21c220c29f3444d2b7f6da23580cef8c

查看代码

<script setup lang="ts">
import { ref } from "vue";
import { buildUUID } from "@pureadmin/utils";

let UUID = ref("");
UUID.value = buildUUID();
</script>

<template>
  <naive-theme>
    <n-space vertical className="mt-2">
      <n-button @click="UUID = buildUUID()"> 点击生成32位uuid </n-button>
      <n-gradient-text type="info">
        <n-tag :bordered="false" type="info" v-show="UUID.length > 0">
          长度：{{ UUID.length }}
        </n-tag>
        {{ UUID }}
      </n-gradient-text>
    </n-space>
  </naive-theme>
</template>

buildGUID

生成 36 位带横杠的 GUID 字符串（符合 RFC 4122 标准的 UUID v4 格式，以确保与 C# 和 SQL Server 的兼容性）

长度：36

b9bdb093-2f30-4e38-b595-0467ff9488de

查看代码

<script setup lang="ts">
import { ref } from "vue"
import { buildGUID } from "@pureadmin/utils"

let GUID = ref("")
GUID.value = buildGUID()
</script>

<template>
  <naive-theme>
    <n-space vertical className="mt-2">
      <n-button @click="GUID = buildGUID()"> 点击生成36位带横杠的GUID </n-button>
      <n-gradient-text type="info">
        <n-tag :bordered="false" type="info" v-show="GUID.length > 0">
          长度：{{ GUID.length }}
        </n-tag>
        {{ GUID }}
      </n-gradient-text>
    </n-space>
  </naive-theme>
</template>

buildPrefixUUID

生成自定义前缀的 uuid

基础用法

长度：45

I love you, simpleton-73109490111751864623999

查看代码

<script setup lang="ts">
import { ref } from "vue";
import { buildPrefixUUID } from "@pureadmin/utils";

let prefixUUID = ref("");
prefixUUID.value = buildPrefixUUID("I love you, simpleton-");
</script>

<template>
  <naive-theme>
    <n-space vertical className="mt-2">
      <n-button @click="prefixUUID = buildPrefixUUID('I love you, simpleton-')">
        点击生成自定义前缀的uuid
      </n-button>
      <n-gradient-text type="info">
        <n-tag :bordered="false" type="info" v-show="prefixUUID.length > 0">
          长度：{{ prefixUUID.length }}
        </n-tag>
        {{ prefixUUID }}
      </n-gradient-text>
    </n-space>
  </naive-theme>
</template>

参数

接收一个参数 prefix ，返回值类型 string

参数属性	说明	类型
prefix	自定义前缀	string

uuid

生成指定长度和基数的 uuid

基础用法

长度：42

simpleton-or20vDqZpPnMyimXDgghM75ciTeBgIA4

查看代码

<script setup lang="ts">
import { ref } from "vue";
import { uuid } from "@pureadmin/utils";

let customUUID = ref("");
customUUID.value = uuid(32, 62, "simpleton-");
</script>

<template>
  <naive-theme>
    <n-space vertical className="mt-2">
      <n-button @click="customUUID = uuid(32, 62, 'simpleton-')">
        点击生成指定长度和基数的uuid
      </n-button>
      <n-gradient-text type="info">
        <n-tag :bordered="false" type="info" v-show="customUUID.length > 0">
          长度：{{ customUUID.length }}
        </n-tag>
        {{ customUUID }}
      </n-gradient-text>
    </n-space>
  </naive-theme>
</template>

参数

接收三个参数，第一个参数 len ，第二个参数 radix ，第三个参数 prefix ，返回值类型 string

参数属性	说明	类型
len	指定长度	number
radix	指定基数	number
prefix	自定义前缀	string

提示信息

指定基数的母体为：0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz，总长度 62

指定基数也就是规定要生成的 uuid 采用哪些字符组合，比如基数为 10，那么生成的 uuid 就会采用基数母体的前 10 位进行组合，也就是 0123456789