Shared 函数库

Appearance

搜索函数

模块数61
函数数482

纯函数

颜色处理

6
convertColor
转换颜色格式（hex、rgb、hsl 等）
detectColorFormat
检测颜色值的格式类型
extractColors
从代码中提取所有颜色值
deduplicateColors
颜色去重和相似度合并
colorValidation
验证颜色值的有效性
mixColors
查看文档了解详情

设计令牌

3
parseDesignTokens
查看文档了解详情
buildTokens
查看文档了解详情
generateVariables
查看文档了解详情

认证工具

9
parseJwtPayload
解析 JWT payload 并提取 subject
permissionSatisfies
查看文档了解详情
createAuthStorageEnvironment
查看文档了解详情
createAuthTokenStorage
查看文档了解详情
createTokenManagerAuthStorageAdapter
查看文档了解详情
createLoginRedirectAuthRecovery
查看文档了解详情
createTokenManagerRuntime
查看文档了解详情
createAuthRecovery
查看文档了解详情
createTokenRefreshGate
查看文档了解详情

OSS 上传

11
createOssSignedUploadApi
查看文档了解详情
uploadBlobViaSignedPut
查看文档了解详情
cosSliceUploadWithSts
查看文档了解详情
uploadOssFileFromBrowser
查看文档了解详情
createOssBrowserUploadClient
查看文档了解详情
sanitizeOssObjectName
查看文档了解详情
buildTimestampedOssObjectPath
查看文档了解详情
buildOssVideoPosterPath
查看文档了解详情
resolveOssUploadContentType
查看文档了解详情
buildCosObjectKey
查看文档了解详情
buildCosUnsignedObjectUrl
查看文档了解详情

API 客户端

11
createApiClient
查看文档了解详情
createDefaultApiErrorHandler
查看文档了解详情
createPublicAuthRequest
查看文档了解详情
createSpaBuildApiUrl
查看文档了解详情
buildApiUrl
查看文档了解详情
createApiErrorHandler
查看文档了解详情
createFormDataApiUpload
查看文档了解详情
putXhrUploadWithProgress
查看文档了解详情
unwrapApiJsonBody
查看文档了解详情
createInFlightFetchCoalescer
查看文档了解详情
getUseMockFromSearch
查看文档了解详情

下载

3
downloadInBrowser
查看文档了解详情
downloadInBrowserResolved
查看文档了解详情
createDownloadDispatcher
查看文档了解详情

可观测性

4
sanitizeApiPath
查看文档了解详情
isBenignObservabilityError
查看文档了解详情
createObservabilityRingBuffer
查看文档了解详情
createObservabilityReporter
查看文档了解详情

文件工具

4
sanitizeDownloadFilename
查看文档了解详情
guessMimeTypeFromFileName
查看文档了解详情
resolveFileMimeType
查看文档了解详情
suggestFilenameFromUrl
查看文档了解详情

浏览器检测

1
detectAppSafeAreaProfile
查看文档了解详情

Admin RBAC

1
权限目录
查看文档了解详情

图片处理

15
compressImageToWidthJpgOrWebp
按目标宽度缩放图片（JPEG / WebP）
compressToTargetSizeJpgOrWebp
压缩图片到指定大小（JPEG / WebP）
getImageDimensions
获取图片的宽高尺寸
generateFavIcon
查看文档了解详情
generatePwaIcons
生成 PWA 应用图标集
generateMacIcons
生成 macOS 应用图标集
generateMacTrayIcon
生成 macOS 托盘图标
generatePaddedImage
生成带内边距的图片
generatePlaceholderImage
查看文档了解详情
generateRoundedImage
生成圆角图片
renderIdCard
查看文档了解详情
renderBankCard
查看文档了解详情
renderLicensePlate
查看文档了解详情
renderDrivingLicense
查看文档了解详情
renderBusinessLicense
查看文档了解详情

Android 工具

19
buildProject
构建 Android 项目
detectAndroidModules
检测 Android 项目模块
modifyGradle
修改 build.gradle 配置
modifyManifest
修改 AndroidManifest.xml
permission
Android 权限管理
integrateWechatLogin
查看文档了解详情
integrateWechatShare
查看文档了解详情
integrateQQLogin
查看文档了解详情
integrateSinaLogin
查看文档了解详情
integrateUniverifyLogin
查看文档了解详情
integrateMiuiLogin
查看文档了解详情
integrateGoogleLogin
查看文档了解详情
integrateFacebookLogin
查看文档了解详情
integrateShareTrace
查看文档了解详情
integrateUniAppNativePlugin
查看文档了解详情
integrateThirdPartyModule
查看文档了解详情
configureAppIcon
查看文档了解详情
configureLaunchScreen
查看文档了解详情
integrateUniPushAndroid
查看文档了解详情

异步工具

6
createInterruptibleTask
创建可中断的异步任务
promiseLimit
Promise 并发限制控制
retryWithBackoff
带退避策略的重试机制
cachedAsync
查看文档了解详情
cancellableFetch
查看文档了解详情
cancellableXHR
查看文档了解详情

DOM 操作

19
createSharedKeyboardCenter
查看文档了解详情
createThrottledEventListener
查看文档了解详情
demonstrateResourceLoading
演示资源加载过程
detectOverflow
检测元素是否溢出
getElementRect
获取元素的矩形信息
getRelativePosition
获取元素相对位置
getViewportRect
获取视口矩形信息
pickFile
查看文档了解详情
computePosition
查看文档了解详情
getAlignment
查看文档了解详情
getBasePlacement
查看文档了解详情
getCrossAxisFlip
查看文档了解详情
getFlipPlacements
查看文档了解详情
getMainAxisFlip
查看文档了解详情
isValidPlacement
查看文档了解详情
copyTextToClipboard
查看文档了解详情
copyHtmlAndPlainToClipboard
查看文档了解详情
isTextTruncated
查看文档了解详情
localFileInput
查看文档了解详情

CSS 工具

1
extractCssVariables
提取 CSS/SCSS/LESS 变量

XML 工具

1
modifyXml
通用 XML 文件修改工具

版本管理

2
parseVersion
解析和比较版本号
incrementVersion
递增版本号（Semver）

腾讯云工具

2
upload.cos
查看文档了解详情
deploy.tcb
查看文档了解详情

AI 工具

14
aiLlmModelCapabilities
查看文档了解详情
toolCatalogInlineEnv
查看文档了解详情
normalizeToolProcessEnv
查看文档了解详情
normalizeAiAgentReplyFormat
查看文档了解详情
normalizeAiAttachmentPayloadFormat
查看文档了解详情
catalogLinkMode
查看文档了解详情
pickToolChoiceFromAgentToolsConfig
查看文档了解详情
normalizeMcpToolsWireFormat
查看文档了解详情
isValidMcpToolWirePayload
查看文档了解详情
buildResolvedLlmToolsList
查看文档了解详情
applyLlmExtraBody
查看文档了解详情
buildOpenAiChatCompletionsRequestBody
查看文档了解详情
mcpUpstreamAuthHeaders
查看文档了解详情
createSyntheticAgentEmail
查看文档了解详情

IM 工具

35
index
查看文档了解详情
imRichContentHtml
查看文档了解详情
imRichClipboardPlain
查看文档了解详情
getActiveMentionQuery
查看文档了解详情
forwardBundlePayload
查看文档了解详情
imSendPayloadValidation
查看文档了解详情
imReplyExtra
查看文档了解详情
imDesktopMachineExtra
查看文档了解详情
imProxyAgentMessage
查看文档了解详情
imProxyAgentContent
查看文档了解详情
imProxyAgentDiagnostics
查看文档了解详情
imProxySelfIdentityTemplate
查看文档了解详情
classifyAgentProxyRetryable
查看文档了解详情
mapAgentToImProxyItem
查看文档了解详情
imConversationId
查看文档了解详情
imConversationDisplay
查看文档了解详情
imLocalMessageId
查看文档了解详情
imMessageId
查看文档了解详情
imMessageListActivity
查看文档了解详情
imMessageListOps
查看文档了解详情
imMessageHistoryWindow
查看文档了解详情
imMessageNormalize
查看文档了解详情
imOutboundStatus
查看文档了解详情
imOutboundListSummary
查看文档了解详情
imPlaceholderSnippet
查看文档了解详情
imImagePixelExtra
查看文档了解详情
imMessageExtraRecord
查看文档了解详情
imMediaExtra
查看文档了解详情
imDisplayExtra
查看文档了解详情
imChatInlineAttachmentKind
查看文档了解详情
imChatMessageMap
查看文档了解详情
chatMessageList
查看文档了解详情
imLlmContextExtra
查看文档了解详情
imWalletExtra
查看文档了解详情
formatImChatConversationListTime
查看文档了解详情

微前端

1
createQiankunVueApp
查看文档了解详情

AG Grid 工具

1
generateLicense
生成 AG Grid 许可证

字符串工具

13
base64
Base64 编码解码
capitalize
首字母大写
caseConverter
命名风格转换（camelCase/PascalCase/kebab-case等）
desensitize
敏感数据脱敏
htmlEscape
HTML 字符转义
levenshtein
计算编辑距离（Levenshtein Distance）
normalize
字符串标准化（去除空格/特殊字符）
pad
字符串填充（padStart/padEnd）
palindrome
回文判断
similarity
字符串相似度计算
template
模板字符串处理
testRegex
查看文档了解详情
wordCount
字数统计

数据结构

12
Queue
队列（FIFO），先进先出
Stack
栈（LIFO），后进先出
LinkedList
单向链表，动态内存分配
PriorityQueue
优先队列（最小堆），按优先级出队
Heap
堆数据结构，支持最小堆和最大堆
Trie
前缀树，高效的字符串检索和自动补全
BinarySearchTree
二叉搜索树，左子树 < 根 < 右子树
AVLTree
AVL 树（自平衡二叉搜索树），通过旋转保持平衡
Graph
图数据结构，支持有向图和无向图，提供 BFS、DFS、拓扑排序等算法
UnionFind
并查集（不相交集合），高效处理集合合并和查询
HashMap
哈希表，使用链地址法解决冲突，支持自动扩容
LRUCache
LRU 缓存，最近最少使用缓存淘汰策略

算法

38
垃圾回收
查看文档了解详情
visualizeGarbageCollection
查看文档了解详情
动态规划
查看文档了解详情
longestCommonSubsequence
查看文档了解详情
longestIncreasingSubsequence
查看文档了解详情
editDistance
查看文档了解详情
knapsack01
查看文档了解详情
maxProfit
查看文档了解详情
coinChange
查看文档了解详情
minPathSum
查看文档了解详情
climbStairs
查看文档了解详情
回溯算法
查看文档了解详情
permutations
查看文档了解详情
nQueens
查看文档了解详情
combinationSum
查看文档了解详情
generateParenthesis
查看文档了解详情
贪心算法
查看文档了解详情
canJump
查看文档了解详情
meetingRooms
查看文档了解详情
taskScheduler
查看文档了解详情
二分查找
查看文档了解详情
binarySearch
查看文档了解详情
滑动窗口
查看文档了解详情
lengthOfLongestSubstring
查看文档了解详情
minWindow
查看文档了解详情
双指针
查看文档了解详情
threeSum
查看文档了解详情
trap
查看文档了解详情
maxArea
查看文档了解详情
字符串匹配
查看文档了解详情
kmp
查看文档了解详情
rabinKarp
查看文档了解详情
图算法
查看文档了解详情
numIslands
查看文档了解详情
topologicalSort
查看文档了解详情
分治算法
查看文档了解详情
mergeSort
查看文档了解详情
quickSort
查看文档了解详情

函数式编程

9
compose
函数组合（从右到左执行）
flow
函数流（从左到右执行）
pipe
管道函数（链式调用）
curry
函数柯里化（基础版）
curryAdvanced
高级柯里化（支持占位符）
partial
偏函数应用（固定部分参数）
tap
链式调用调试（不改变值）
cond
条件分支（函数式 switch）
until
条件循环执行（异步）

性能优化

6
debounce
防抖函数（延迟执行）
debounceWithCancel
查看文档了解详情
throttle
节流函数（限制频率）
memoize
函数记忆化（缓存结果）
once
函数只执行一次
useCache
内存缓存Hook

数组/对象工具

11
groupBy
数组分组
sortBy
数组排序
pick
对象属性选取
omit
对象属性过滤
chunk
数组分块
shuffle
数组随机排序
flatten
数组扁平化（多维转一维）
flattenObject
对象扁平化（嵌套转平铺）
deepClone
深度克隆（完整复制）
evolve
对象属性转换（批量映射）
unique
数组去重（支持对象）

日期时间

3
formatDate
日期格式化
timeAgo
相对时间（刚刚/几分钟前）
dateRange
日期范围处理

路径处理

4
pathLastSegment
查看文档了解详情
pathBasename
查看文档了解详情
pathDirname
查看文档了解详情
pathExtname
查看文档了解详情

文件处理

7
formatFileSize
文件大小格式化
getFileExtension
获取文件扩展名
getIconfontNameByExtension
查看文档了解详情
inferMediaType
查看文档了解详情
isRasterImageFile
查看文档了解详情
mediaProbePathFromUrl
查看文档了解详情
materialFileIcon
查看文档了解详情

代码工具

1
getLanguageFromExtension
查看文档了解详情

数字处理

4
formatNumber
数字格式化（千分位）
clamp
数值区间限制
random
生成随机数
range
生成数字范围

URL 处理

3
parseUrl
URL解析
assetUrlGuards
查看文档了解详情
buildQueryString
构建查询字符串

Promise 工具

2
sleep
查看文档了解详情
timeout
查看文档了解详情

原理实现

4
myInstanceof
手写 instanceof 运算符
myNew
手写 new 运算符
functionBind
手写 Function.prototype.bind
MyPromise
Promise A+ 规范实现，异步编程

设计模式

14
singleton
单例模式
factory
工厂模式
builder
建造者模式
prototype
原型模式
adapter
适配器模式
proxy
代理模式
observer
观察者模式
EventEmitter
事件发布订阅系统，观察者模式实现
usePluginSystem
插件系统Hook
strategy
策略模式
decorator
装饰器模式
command
命令模式
chainOfResponsibility
责任链模式
templateMethod
模板方法模式

表单验证

6
isEmail
验证Email地址格式
isPhone
验证手机号码格式
isUrl
验证URL地址格式
isIdCard
验证身份证号码
isIpAddress
验证IP地址格式
normalizeExternalId
查看文档了解详情

假数据生成

5
generateFakeIdCard
查看文档了解详情
generateFakeLicensePlate
查看文档了解详情
generateFakeDrivingLicense
查看文档了解详情
generateFakeBankCard
查看文档了解详情
generateFakeBusinessLicense
查看文档了解详情

树形数据

5
buildTree
数组转树形结构
flattenTree
树形结构扁平化
findNode
查找树节点
filterTree
过滤树节点
pathsToTreeNodes
查看文档了解详情

数学计算

4
sum
数组求和
average
计算平均值
median
计算中位数
percentile
计算百分位数

浏览器检测

6
detectBrowser
检测浏览器类型/版本/OS/设备
detectOS
查看文档了解详情
isMobile
查看文档了解详情
isWeChat
查看文档了解详情
isElectron
查看文档了解详情
shortcutModKeyHint
查看文档了解详情

Chat 壳层

2
chatShellTabConfig
查看文档了解详情
chatShellTabEditor
查看文档了解详情

Bridge 通信

5
detectBridgeEnvironment
查看文档了解详情
generateBridgeMessageId
查看文档了解详情
createBridgeMessage
查看文档了解详情
validateBridgeMessage
查看文档了解详情
postBridgeMessage
查看文档了解详情

微信能力

1
downloadFile
查看文档了解详情

LLM 工具

2
backfillReasoningInMessages
查看文档了解详情
createLlmReasoningStore
查看文档了解详情

差异对比

2
diff
对比两个对象差异
vueDiff
查看文档了解详情

类型检查

2
isType
类型判断工具（精确判断）
validate
数据验证（规则引擎）

开发工具

9
generateExports
自动生成导出文件
parseJsonObjectFromText
查看文档了解详情
generatorUtils
生成器工具函数集
randomRegion
查看文档了解详情
walk
目录遍历（文件系统）
useAltool
macOS altool CLI工具Hook
createDebugger
查看文档了解详情
findSoftware
查看文档了解详情
dispatchIpcRequest
查看文档了解详情

Vue 工具

7
dynamicMount
查看文档了解详情
isVNode
查看文档了解详情
isVueComponent
查看文档了解详情
parseVueFile
查看文档了解详情
extractColorsFromVueFile
查看文档了解详情
extractColorsFromVueSection
查看文档了解详情
filterSections
查看文档了解详情

UniApp 工具

53
build
查看文档了解详情
detectProjectType
查看文档了解详情
detectAndroidProjectStructure
查看文档了解详情
parseManifest
查看文档了解详情
waitForPages
查看文档了解详情
buildAndroidApp
查看文档了解详情
buildIOSApp
查看文档了解详情
buildIOSPlugin
查看文档了解详情
showImage
查看文档了解详情
showVideo
查看文档了解详情
showCamera
查看文档了解详情
showLogin
查看文档了解详情
showPay
查看文档了解详情
showRecord
查看文档了解详情
showScanCode
查看文档了解详情
showFile
查看文档了解详情
showWxPhone
查看文档了解详情
showWxCustomerService
查看文档了解详情
showWxSubscribeMessage
查看文档了解详情
wxGetUserInfo
查看文档了解详情
platform
查看文档了解详情
index
查看文档了解详情
storage
查看文档了解详情
navigation
查看文档了解详情
ui
查看文档了解详情
system
查看文档了解详情
network
查看文档了解详情
audio
查看文档了解详情
auth
查看文档了解详情
dom
查看文档了解详情
media
查看文档了解详情
chooseImageInApp
查看文档了解详情
chooseImageInH5
查看文档了解详情
chooseImageInMiniapp
查看文档了解详情
chooseVideoInApp
查看文档了解详情
chooseVideoInH5
查看文档了解详情
chooseVideoInMiniapp
查看文档了解详情
wechatLoginInApp
查看文档了解详情
wechatLoginInMiniapp
查看文档了解详情
wechatPayInApp
查看文档了解详情
wechatPayInH5
查看文档了解详情
wechatPayInMiniapp
查看文档了解详情
readWriteFileInApp
查看文档了解详情
readWriteFileInH5
查看文档了解详情
readWriteFileInMiniapp
查看文档了解详情
recordInApp
查看文档了解详情
recordInH5
查看文档了解详情
recordInMiniapp
查看文档了解详情
scanCodeInApp
查看文档了解详情
scanCodeInMiniapp
查看文档了解详情
getPhoneInMiniapp
查看文档了解详情
openCustomerServiceInMiniapp
查看文档了解详情
wechatSubscribeMessageInMiniapp
查看文档了解详情

iOS 工具

13
integrateNativePlugin
查看文档了解详情
integrateWechatOauth
查看文档了解详情
integrateWechatShare
查看文档了解详情
integrateQQShare
查看文档了解详情
integrateSinaShare
查看文档了解详情
integrateThirdPartyModule
查看文档了解详情
configureLaunchScreen
查看文档了解详情
configureAppIcon
查看文档了解详情
configurePermissions
查看文档了解详情
integrateCameraGallery
查看文档了解详情
integrateUniPushIOS
查看文档了解详情
modifyInfoPlistKeyValue
查看文档了解详情
safelyModifyProjectPbxproj
查看文档了解详情

部署工具

1
publishToPgyer
查看文档了解详情

存储工具

5
useLocalStorage
LocalStorage Hook
useSessionStorage
SessionStorage Hook
useStorage
通用Storage Hook
useStorageWithIndexedDB
IndexedDB Storage Hook
useDexieShortcuts
Dexie IndexedDB 快捷方法（多表/事务）

响应式（跨框架）

createReactive
Proxy响应式系统核心
useReactiveCookie
响应式Cookie管理
useReactiveWebsocket
查看文档了解详情
useReactiveSSE
查看文档了解详情
createReactiveI18n
响应式国际化系统
createReactivePermission
响应式权限管理
createReactiveErrorManager
响应式错误管理
createReactivePinia
响应式状态管理（Pinia-like）

Vue Hooks

状态管理

13
createGlobalState
创建全局状态
createInjectionState
创建注入状态
createSharedComposable
创建共享组合式函数
injectLocal
注入本地状态
provideLocal
提供本地状态
useAsyncState
异步状态管理Hook
useCounter
计数器Hook
useToggle
布尔值切换Hook
handleUserInvalid
查看文档了解详情
useGlobalSettingsManager
查看文档了解详情
useSystemSettingsManager
查看文档了解详情
useUserManager
查看文档了解详情
useTokenManager
查看文档了解详情

浏览器API

19
useBattery
查看文档了解详情
useBluetooth
查看文档了解详情
useCamera
查看文档了解详情
useClipboard
剪贴板操作Hook
useFileUpload
查看文档了解详情
useFullscreen
查看文档了解详情
useGamepad
查看文档了解详情
useGeolocation
查看文档了解详情
useMediaSession
查看文档了解详情
useMicrophone
查看文档了解详情
useNetwork
查看文档了解详情
useOrientation
查看文档了解详情
usePageVisibility
查看文档了解详情
useScreenOrientation
查看文档了解详情
useScreenWakeLock
查看文档了解详情
useShare
查看文档了解详情
useVibration
查看文档了解详情
useWechatJSSDK
查看文档了解详情
useBridgeMessage
查看文档了解详情

DOM交互

6
useAppendToBody
查看文档了解详情
useAutoUpdate
查看文档了解详情
useClickOutside
点击外部检测Hook
useDraggable
可拖拽Hook
useEventListener
事件监听器Hook
useResizable
可调整大小Hook

时间控制

2
useInterval
定时器Hook（setInterval）
useTimeout
定时器Hook（setTimeout）

历史记录

3
useDebouncedRefHistory
防抖Ref历史Hook
useManualRefHistory
手动Ref历史Hook
useRefHistory
Ref历史记录Hook

Web Worker

3
useWebWorker
Web Worker Hook
useWorkerFunction
Worker函数Hook
useWorkerPool
Worker池Hook

快速开始

npm install zcw-shared
import { convertColor } from 'zcw-shared'

Copyright © 2023-present