UNPKG

ingenious-flow-designer

Version:

[演示地址](http://antd-vben5-pro.madong.tech/)

29 lines (28 loc) 1.11 kB
import { getCurrentInstance, inject, unref } from "vue"; import { h as isClient, f as debugWarn, B as useGetDerivedNamespace, C as computedEager } from "./install-DW2-zxb6.js"; const defaultIdInjection = { prefix: Math.floor(Math.random() * 1e4), current: 0 }; const ID_INJECTION_KEY = Symbol("elIdInjection"); const useIdInjection = () => { return getCurrentInstance() ? inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection; }; const useId = (deterministicId) => { const idInjection = useIdInjection(); if (!isClient && idInjection === defaultIdInjection) { debugWarn("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed usage: app.provide(ID_INJECTION_KEY, { prefix: number, current: number, })`); } const namespace = useGetDerivedNamespace(); const idRef = computedEager(() => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`); return idRef; }; export { useIdInjection as a, useId as u }; //# sourceMappingURL=index-DsT5NJeX.js.map