@cloudcome/utils-vue 1.13.2 → 1.14.0

package/dist/component.cjs

@@ -1,20 +1,117 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const life = require("./life.cjs");
-function useExpose(Comp) {
-  return vue.ref(null);
+const require_shared = require("./shared.cjs");
+let vue = require("vue");
+//#region src/component/life.ts
+/**
+* 页面挂载前生命周期钩子
+*
+* @param beforeMount - 在组件挂载前执行的回调函数，可以返回一个清理函数
+*
+* @example
+* ```ts
+* useMount(() => {
+*   console.log('组件即将挂载');
+*   // 可以返回一个清理函数，在组件卸载前执行
+*   return () => {
+*     console.log('组件即将卸载');
+*   };
+* });
+* ```
+*/
+function useMount(beforeMount) {
+	require_shared._runLifeHook(vue.onBeforeMount, vue.onBeforeUnmount, beforeMount);
 }
-function useEmit(Comp, event, listener) {
-  return listener;
+/**
+* 页面挂载后生命周期钩子
+*
+* @param mounted - 在组件挂载后执行的回调函数，可以返回一个清理函数
+*
+* @example
+* ```ts
+* useMounted(() => {
+*   console.log('组件已挂载');
+*   // 可以返回一个清理函数，在组件卸载前执行
+*   return () => {
+*     console.log('组件即将卸载');
+*   };
+* });
+* ```
+*/
+function useMounted(mounted) {
+	require_shared._runLifeHook(vue.onMounted, vue.onUnmounted, mounted);
 }
-function useMethod(Comp, name, method) {
-  return method;
+/**
+* 页面激活时生命周期钩子
+*
+* @param activated - 在组件被激活时执行的回调函数，可以返回一个清理函数
+*
+* @example
+* ```ts
+* useActivated(() => {
+*   console.log('组件已激活');
+*   // 可以返回一个清理函数，在组件失活前执行
+*   return () => {
+*     console.log('组件即将失活');
+*   };
+* });
+* ```
+*/
+function useActivated(activated) {
+	require_shared._runLifeHook(vue.onActivated, vue.onDeactivated, activated);
 }
-exports.useActivated = life.useActivated;
-exports.useMount = life.useMount;
-exports.useMounted = life.useMounted;
+//#endregion
+//#region src/component/self.ts
+/**
+* 创建一个响应式引用，用于暴露组件实例
+* @template T 组件类型
+* @param {T} Comp 组件定义
+* @returns 返回一个可响应式访问的组件实例引用
+* @example
+* const compRef = useExpose(MyComponent)
+*/
+function useExpose(_Comp) {
+	return (0, vue.ref)(null);
+}
+/**
+* 创建一个组件emit事件监听器
+* @template T 组件类型
+* @template E 从组件props中提取的事件类型
+* @template K 事件名
+* @param {T} Comp 组件定义
+* @param {K} event 事件名称
+* @param {E[K]} listener 事件监听函数
+* @returns {E[K]} 返回传入的事件监听函数
+* @example
+* const handleClick = useEmit(MyComponent, 'click', (payload) => {
+*   console.log('click event', payload)
+* })
+*/
+function useEmit(_Comp, _event, listener) {
+	return listener;
+}
+/**
+* 从组件props中提取方法并返回指定方法
+* @template T 组件类型
+* @template M 从组件props中提取的方法类型
+* @template K 方法名类型
+* @param {T} Comp 组件定义
+* @param {K} name 方法名称
+* @param {M[K]} method 要返回的方法
+* @returns {M[K]} 返回传入的方法
+* @example
+* const handleUpdate = useMethod(MyComponent, 'update', (value) => {
+*   console.log('update value', value)
+* })
+*/
+function useMethod(_Comp, _name, method) {
+	return method;
+}
+//#endregion
+exports.useActivated = useActivated;
 exports.useEmit = useEmit;
 exports.useExpose = useExpose;
 exports.useMethod = useMethod;
-//# sourceMappingURL=component.cjs.map
+exports.useMount = useMount;
+exports.useMounted = useMounted;
+
+//# sourceMappingURL=component.cjs.map

package/dist/component.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.cjs","sources":["../src/component/self.ts"],"sourcesContent":["import { type Ref, ref } from 'vue';\nimport type { ComponentExposed, ComponentProps } from 'vue-component-type-helpers';\n\n/**\n * 创建一个响应式引用，用于暴露组件实例\n * @template T 组件类型\n * @param {T} Comp 组件定义\n * @returns 返回一个可响应式访问的组件实例引用\n * @example\n * const compRef = useExpose(MyComponent)\n */\nexport function useExpose<T>(Comp: T) {\n  // 这里必须类型断言，否则构建会失败\n  return ref<ComponentExposed<T> | null>(null) as Ref<ComponentExposed<T> | null>;\n}\n\n/**\n * 将字符串的首字母转换为小写\n * @template S 字符串类型\n * @typedef {S extends `${infer First}${infer Rest}` ? `${Lowercase<First>}${Rest}` : S} LowercaseFirst\n */\ntype LowercaseFirst<S extends string> = S extends `${infer First}${infer Rest}` ? `${Lowercase<First>}${Rest}` : S;\n\n/**\n * 从组件props中提取事件类型\n * @template T 组件props类型\n * @typedef {Object} PickEmits\n * @property {Object} [K in keyof T as K extends `on${infer Rest}`...] 转换后的emit事件名\n *   - @property {Function} [...args: P] 事件回调函数\n */\ntype PickEmits<T> = {\n  [K in keyof T as K extends `on${infer Rest}`\n    ? // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n      T[K] extends (...args: any[]) => any\n      ? LowercaseFirst<Rest>\n      : never\n    : // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n      never]: T[K] extends (...args: infer P) => any ? (...args: P) => unknown : never;\n};\n\n/**\n * 创建一个组件emit事件监听器\n * @template T 组件类型\n * @template E 从组件props中提取的事件类型\n * @template K 事件名\n * @param {T} Comp 组件定义\n * @param {K} event 事件名称\n * @param {E[K]} listener 事件监听函数\n * @returns {E[K]} 返回传入的事件监听函数\n * @example\n * const handleClick = useEmit(MyComponent, 'click', (payload) => {\n *   console.log('click event', payload)\n * })\n */\nexport function useEmit<T, E extends PickEmits<Required<ComponentProps<T>>>, K extends keyof E>(\n  Comp: T,\n  event: K,\n  listener: E[K],\n) {\n  return listener;\n}\n\ntype PickMethods<T> = {\n  // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n  [K in keyof T]: T[K] extends (...args: infer P) => any ? T[K] : never;\n};\n\n/**\n * 从组件props中提取方法并返回指定方法\n * @template T 组件类型\n * @template M 从组件props中提取的方法类型\n * @template K 方法名类型\n * @param {T} Comp 组件定义\n * @param {K} name 方法名称\n * @param {M[K]} method 要返回的方法\n * @returns {M[K]} 返回传入的方法\n * @example\n * const handleUpdate = useMethod(MyComponent, 'update', (value) => {\n *   console.log('update value', value)\n * })\n */\nexport function useMethod<T, M extends PickMethods<Required<ComponentProps<T>>>, K extends keyof M>(\n  Comp: T,\n  name: K,\n  method: M[K],\n) {\n  return method;\n}\n"],"names":["ref"],"mappings":";;;;AAWO,SAAS,UAAa,MAAS;AAEpC,SAAOA,IAAAA,IAAgC,IAAI;AAC7C;AAwCgB,SAAA,QACd,MACA,OACA,UACA;AACO,SAAA;AACT;AAqBgB,SAAA,UACd,MACA,MACA,QACA;AACO,SAAA;AACT;;;;;;;"}
+{"version":3,"file":"component.cjs","names":[],"sources":["../src/component/life.ts","../src/component/self.ts"],"sourcesContent":["import type { MaybePromise } from '@cloudcome/utils-core/types';\nimport { onActivated, onBeforeMount, onBeforeUnmount, onDeactivated, onMounted, onUnmounted } from 'vue';\nimport { _runLifeHook } from '@/shared';\n\nexport type HookListener = () => MaybePromise<unknown>;\nexport type HookListenerWithDispose = () => MaybePromise<undefined | HookListener>;\n\n/**\n * 页面挂载前生命周期钩子\n *\n * @param beforeMount - 在组件挂载前执行的回调函数，可以返回一个清理函数\n *\n * @example\n * ```ts\n * useMount(() => {\n *   console.log('组件即将挂载');\n *   // 可以返回一个清理函数，在组件卸载前执行\n *   return () => {\n *     console.log('组件即将卸载');\n *   };\n * });\n * ```\n */\nexport function useMount(beforeMount: HookListenerWithDispose) {\n  _runLifeHook(onBeforeMount, onBeforeUnmount, beforeMount);\n}\n\n/**\n * 页面挂载后生命周期钩子\n *\n * @param mounted - 在组件挂载后执行的回调函数，可以返回一个清理函数\n *\n * @example\n * ```ts\n * useMounted(() => {\n *   console.log('组件已挂载');\n *   // 可以返回一个清理函数，在组件卸载前执行\n *   return () => {\n *     console.log('组件即将卸载');\n *   };\n * });\n * ```\n */\nexport function useMounted(mounted: HookListenerWithDispose) {\n  _runLifeHook(onMounted, onUnmounted, mounted);\n}\n\n/**\n * 页面激活时生命周期钩子\n *\n * @param activated - 在组件被激活时执行的回调函数，可以返回一个清理函数\n *\n * @example\n * ```ts\n * useActivated(() => {\n *   console.log('组件已激活');\n *   // 可以返回一个清理函数，在组件失活前执行\n *   return () => {\n *     console.log('组件即将失活');\n *   };\n * });\n * ```\n */\nexport function useActivated(activated: HookListenerWithDispose) {\n  _runLifeHook(onActivated, onDeactivated, activated);\n}\n","import { type Ref, ref } from 'vue';\nimport type { ComponentExposed, ComponentProps } from 'vue-component-type-helpers';\n\n/**\n * 创建一个响应式引用，用于暴露组件实例\n * @template T 组件类型\n * @param {T} Comp 组件定义\n * @returns 返回一个可响应式访问的组件实例引用\n * @example\n * const compRef = useExpose(MyComponent)\n */\nexport function useExpose<T>(_Comp: T) {\n  // 这里必须类型断言，否则构建会失败\n  return ref<ComponentExposed<T> | null>(null) as Ref<ComponentExposed<T> | null>;\n}\n\n/**\n * 将字符串的首字母转换为小写\n * @template S 字符串类型\n * @typedef {S extends `${infer First}${infer Rest}` ? `${Lowercase<First>}${Rest}` : S} LowercaseFirst\n */\ntype LowercaseFirst<S extends string> = S extends `${infer First}${infer Rest}` ? `${Lowercase<First>}${Rest}` : S;\n\n/**\n * 从组件props中提取事件类型\n * @template T 组件props类型\n * @typedef {Object} PickEmits\n * @property {Object} [K in keyof T as K extends `on${infer Rest}`...] 转换后的emit事件名\n *   - @property {Function} [...args: P] 事件回调函数\n */\ntype PickEmits<T> = {\n  [K in keyof T as K extends `on${infer Rest}`\n    ? // biome-ignore lint/suspicious/noExplicitAny: 必须使用 any\n      T[K] extends (...args: any[]) => any\n      ? LowercaseFirst<Rest>\n      : never\n    : // biome-ignore lint/suspicious/noExplicitAny: 必须使用 any\n      never]: T[K] extends (...args: infer P) => any ? (...args: P) => unknown : never;\n};\n\n/**\n * 创建一个组件emit事件监听器\n * @template T 组件类型\n * @template E 从组件props中提取的事件类型\n * @template K 事件名\n * @param {T} Comp 组件定义\n * @param {K} event 事件名称\n * @param {E[K]} listener 事件监听函数\n * @returns {E[K]} 返回传入的事件监听函数\n * @example\n * const handleClick = useEmit(MyComponent, 'click', (payload) => {\n *   console.log('click event', payload)\n * })\n */\nexport function useEmit<T, E extends PickEmits<Required<ComponentProps<T>>>, K extends keyof E>(\n  _Comp: T,\n  _event: K,\n  listener: E[K],\n) {\n  return listener;\n}\n\ntype PickMethods<T> = {\n  // biome-ignore lint/suspicious/noExplicitAny: 必须使用 any\n  [K in keyof T]: T[K] extends (...args: unknown[]) => any ? T[K] : never;\n};\n\n/**\n * 从组件props中提取方法并返回指定方法\n * @template T 组件类型\n * @template M 从组件props中提取的方法类型\n * @template K 方法名类型\n * @param {T} Comp 组件定义\n * @param {K} name 方法名称\n * @param {M[K]} method 要返回的方法\n * @returns {M[K]} 返回传入的方法\n * @example\n * const handleUpdate = useMethod(MyComponent, 'update', (value) => {\n *   console.log('update value', value)\n * })\n */\nexport function useMethod<T, M extends PickMethods<Required<ComponentProps<T>>>, K extends keyof M>(\n  _Comp: T,\n  _name: K,\n  method: M[K],\n) {\n  return method;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,SAAS,aAAsC;CAC7D,eAAA,aAAa,IAAA,eAAe,IAAA,iBAAiB,YAAY;;;;;;;;;;;;;;;;;;AAmB3D,SAAgB,WAAW,SAAkC;CAC3D,eAAA,aAAa,IAAA,WAAW,IAAA,aAAa,QAAQ;;;;;;;;;;;;;;;;;;AAmB/C,SAAgB,aAAa,WAAoC;CAC/D,eAAA,aAAa,IAAA,aAAa,IAAA,eAAe,UAAU;;;;;;;;;;;;ACrDrD,SAAgB,UAAa,OAAU;CAErC,QAAA,GAAA,IAAA,KAAuC,KAAK;;;;;;;;;;;;;;;;AAyC9C,SAAgB,QACd,OACA,QACA,UACA;CACA,OAAO;;;;;;;;;;;;;;;;AAsBT,SAAgB,UACd,OACA,OACA,QACA;CACA,OAAO"}

package/dist/component.d.ts

@@ -1,2 +1,2 @@
-export * from './component/self';
 export * from './component/life';
+export * from './component/self';

package/dist/component.mjs

@@ -1,20 +1,111 @@
-import { ref } from "vue";
-import { b, u, a } from "./life.mjs";
-function useExpose(Comp) {
-  return ref(null);
+import { _runLifeHook } from "./shared.mjs";
+import { onActivated, onBeforeMount, onBeforeUnmount, onDeactivated, onMounted, onUnmounted, ref } from "vue";
+//#region src/component/life.ts
+/**
+* 页面挂载前生命周期钩子
+*
+* @param beforeMount - 在组件挂载前执行的回调函数，可以返回一个清理函数
+*
+* @example
+* ```ts
+* useMount(() => {
+*   console.log('组件即将挂载');
+*   // 可以返回一个清理函数，在组件卸载前执行
+*   return () => {
+*     console.log('组件即将卸载');
+*   };
+* });
+* ```
+*/
+function useMount(beforeMount) {
+	_runLifeHook(onBeforeMount, onBeforeUnmount, beforeMount);
 }
-function useEmit(Comp, event, listener) {
-  return listener;
+/**
+* 页面挂载后生命周期钩子
+*
+* @param mounted - 在组件挂载后执行的回调函数，可以返回一个清理函数
+*
+* @example
+* ```ts
+* useMounted(() => {
+*   console.log('组件已挂载');
+*   // 可以返回一个清理函数，在组件卸载前执行
+*   return () => {
+*     console.log('组件即将卸载');
+*   };
+* });
+* ```
+*/
+function useMounted(mounted) {
+	_runLifeHook(onMounted, onUnmounted, mounted);
 }
-function useMethod(Comp, name, method) {
-  return method;
+/**
+* 页面激活时生命周期钩子
+*
+* @param activated - 在组件被激活时执行的回调函数，可以返回一个清理函数
+*
+* @example
+* ```ts
+* useActivated(() => {
+*   console.log('组件已激活');
+*   // 可以返回一个清理函数，在组件失活前执行
+*   return () => {
+*     console.log('组件即将失活');
+*   };
+* });
+* ```
+*/
+function useActivated(activated) {
+	_runLifeHook(onActivated, onDeactivated, activated);
 }
-export {
-  b as useActivated,
-  useEmit,
-  useExpose,
-  useMethod,
-  u as useMount,
-  a as useMounted
-};
-//# sourceMappingURL=component.mjs.map
+//#endregion
+//#region src/component/self.ts
+/**
+* 创建一个响应式引用，用于暴露组件实例
+* @template T 组件类型
+* @param {T} Comp 组件定义
+* @returns 返回一个可响应式访问的组件实例引用
+* @example
+* const compRef = useExpose(MyComponent)
+*/
+function useExpose(_Comp) {
+	return ref(null);
+}
+/**
+* 创建一个组件emit事件监听器
+* @template T 组件类型
+* @template E 从组件props中提取的事件类型
+* @template K 事件名
+* @param {T} Comp 组件定义
+* @param {K} event 事件名称
+* @param {E[K]} listener 事件监听函数
+* @returns {E[K]} 返回传入的事件监听函数
+* @example
+* const handleClick = useEmit(MyComponent, 'click', (payload) => {
+*   console.log('click event', payload)
+* })
+*/
+function useEmit(_Comp, _event, listener) {
+	return listener;
+}
+/**
+* 从组件props中提取方法并返回指定方法
+* @template T 组件类型
+* @template M 从组件props中提取的方法类型
+* @template K 方法名类型
+* @param {T} Comp 组件定义
+* @param {K} name 方法名称
+* @param {M[K]} method 要返回的方法
+* @returns {M[K]} 返回传入的方法
+* @example
+* const handleUpdate = useMethod(MyComponent, 'update', (value) => {
+*   console.log('update value', value)
+* })
+*/
+function useMethod(_Comp, _name, method) {
+	return method;
+}
+//#endregion
+export { useActivated, useEmit, useExpose, useMethod, useMount, useMounted };
+
+//# sourceMappingURL=component.mjs.map

package/dist/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../src/component/self.ts"],"sourcesContent":["import { type Ref, ref } from 'vue';\nimport type { ComponentExposed, ComponentProps } from 'vue-component-type-helpers';\n\n/**\n * 创建一个响应式引用，用于暴露组件实例\n * @template T 组件类型\n * @param {T} Comp 组件定义\n * @returns 返回一个可响应式访问的组件实例引用\n * @example\n * const compRef = useExpose(MyComponent)\n */\nexport function useExpose<T>(Comp: T) {\n  // 这里必须类型断言，否则构建会失败\n  return ref<ComponentExposed<T> | null>(null) as Ref<ComponentExposed<T> | null>;\n}\n\n/**\n * 将字符串的首字母转换为小写\n * @template S 字符串类型\n * @typedef {S extends `${infer First}${infer Rest}` ? `${Lowercase<First>}${Rest}` : S} LowercaseFirst\n */\ntype LowercaseFirst<S extends string> = S extends `${infer First}${infer Rest}` ? `${Lowercase<First>}${Rest}` : S;\n\n/**\n * 从组件props中提取事件类型\n * @template T 组件props类型\n * @typedef {Object} PickEmits\n * @property {Object} [K in keyof T as K extends `on${infer Rest}`...] 转换后的emit事件名\n *   - @property {Function} [...args: P] 事件回调函数\n */\ntype PickEmits<T> = {\n  [K in keyof T as K extends `on${infer Rest}`\n    ? // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n      T[K] extends (...args: any[]) => any\n      ? LowercaseFirst<Rest>\n      : never\n    : // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n      never]: T[K] extends (...args: infer P) => any ? (...args: P) => unknown : never;\n};\n\n/**\n * 创建一个组件emit事件监听器\n * @template T 组件类型\n * @template E 从组件props中提取的事件类型\n * @template K 事件名\n * @param {T} Comp 组件定义\n * @param {K} event 事件名称\n * @param {E[K]} listener 事件监听函数\n * @returns {E[K]} 返回传入的事件监听函数\n * @example\n * const handleClick = useEmit(MyComponent, 'click', (payload) => {\n *   console.log('click event', payload)\n * })\n */\nexport function useEmit<T, E extends PickEmits<Required<ComponentProps<T>>>, K extends keyof E>(\n  Comp: T,\n  event: K,\n  listener: E[K],\n) {\n  return listener;\n}\n\ntype PickMethods<T> = {\n  // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n  [K in keyof T]: T[K] extends (...args: infer P) => any ? T[K] : never;\n};\n\n/**\n * 从组件props中提取方法并返回指定方法\n * @template T 组件类型\n * @template M 从组件props中提取的方法类型\n * @template K 方法名类型\n * @param {T} Comp 组件定义\n * @param {K} name 方法名称\n * @param {M[K]} method 要返回的方法\n * @returns {M[K]} 返回传入的方法\n * @example\n * const handleUpdate = useMethod(MyComponent, 'update', (value) => {\n *   console.log('update value', value)\n * })\n */\nexport function useMethod<T, M extends PickMethods<Required<ComponentProps<T>>>, K extends keyof M>(\n  Comp: T,\n  name: K,\n  method: M[K],\n) {\n  return method;\n}\n"],"names":[],"mappings":";;AAWO,SAAS,UAAa,MAAS;AAEpC,SAAO,IAAgC,IAAI;AAC7C;AAwCgB,SAAA,QACd,MACA,OACA,UACA;AACO,SAAA;AACT;AAqBgB,SAAA,UACd,MACA,MACA,QACA;AACO,SAAA;AACT;"}
+{"version":3,"file":"component.mjs","names":[],"sources":["../src/component/life.ts","../src/component/self.ts"],"sourcesContent":["import type { MaybePromise } from '@cloudcome/utils-core/types';\nimport { onActivated, onBeforeMount, onBeforeUnmount, onDeactivated, onMounted, onUnmounted } from 'vue';\nimport { _runLifeHook } from '@/shared';\n\nexport type HookListener = () => MaybePromise<unknown>;\nexport type HookListenerWithDispose = () => MaybePromise<undefined | HookListener>;\n\n/**\n * 页面挂载前生命周期钩子\n *\n * @param beforeMount - 在组件挂载前执行的回调函数，可以返回一个清理函数\n *\n * @example\n * ```ts\n * useMount(() => {\n *   console.log('组件即将挂载');\n *   // 可以返回一个清理函数，在组件卸载前执行\n *   return () => {\n *     console.log('组件即将卸载');\n *   };\n * });\n * ```\n */\nexport function useMount(beforeMount: HookListenerWithDispose) {\n  _runLifeHook(onBeforeMount, onBeforeUnmount, beforeMount);\n}\n\n/**\n * 页面挂载后生命周期钩子\n *\n * @param mounted - 在组件挂载后执行的回调函数，可以返回一个清理函数\n *\n * @example\n * ```ts\n * useMounted(() => {\n *   console.log('组件已挂载');\n *   // 可以返回一个清理函数，在组件卸载前执行\n *   return () => {\n *     console.log('组件即将卸载');\n *   };\n * });\n * ```\n */\nexport function useMounted(mounted: HookListenerWithDispose) {\n  _runLifeHook(onMounted, onUnmounted, mounted);\n}\n\n/**\n * 页面激活时生命周期钩子\n *\n * @param activated - 在组件被激活时执行的回调函数，可以返回一个清理函数\n *\n * @example\n * ```ts\n * useActivated(() => {\n *   console.log('组件已激活');\n *   // 可以返回一个清理函数，在组件失活前执行\n *   return () => {\n *     console.log('组件即将失活');\n *   };\n * });\n * ```\n */\nexport function useActivated(activated: HookListenerWithDispose) {\n  _runLifeHook(onActivated, onDeactivated, activated);\n}\n","import { type Ref, ref } from 'vue';\nimport type { ComponentExposed, ComponentProps } from 'vue-component-type-helpers';\n\n/**\n * 创建一个响应式引用，用于暴露组件实例\n * @template T 组件类型\n * @param {T} Comp 组件定义\n * @returns 返回一个可响应式访问的组件实例引用\n * @example\n * const compRef = useExpose(MyComponent)\n */\nexport function useExpose<T>(_Comp: T) {\n  // 这里必须类型断言，否则构建会失败\n  return ref<ComponentExposed<T> | null>(null) as Ref<ComponentExposed<T> | null>;\n}\n\n/**\n * 将字符串的首字母转换为小写\n * @template S 字符串类型\n * @typedef {S extends `${infer First}${infer Rest}` ? `${Lowercase<First>}${Rest}` : S} LowercaseFirst\n */\ntype LowercaseFirst<S extends string> = S extends `${infer First}${infer Rest}` ? `${Lowercase<First>}${Rest}` : S;\n\n/**\n * 从组件props中提取事件类型\n * @template T 组件props类型\n * @typedef {Object} PickEmits\n * @property {Object} [K in keyof T as K extends `on${infer Rest}`...] 转换后的emit事件名\n *   - @property {Function} [...args: P] 事件回调函数\n */\ntype PickEmits<T> = {\n  [K in keyof T as K extends `on${infer Rest}`\n    ? // biome-ignore lint/suspicious/noExplicitAny: 必须使用 any\n      T[K] extends (...args: any[]) => any\n      ? LowercaseFirst<Rest>\n      : never\n    : // biome-ignore lint/suspicious/noExplicitAny: 必须使用 any\n      never]: T[K] extends (...args: infer P) => any ? (...args: P) => unknown : never;\n};\n\n/**\n * 创建一个组件emit事件监听器\n * @template T 组件类型\n * @template E 从组件props中提取的事件类型\n * @template K 事件名\n * @param {T} Comp 组件定义\n * @param {K} event 事件名称\n * @param {E[K]} listener 事件监听函数\n * @returns {E[K]} 返回传入的事件监听函数\n * @example\n * const handleClick = useEmit(MyComponent, 'click', (payload) => {\n *   console.log('click event', payload)\n * })\n */\nexport function useEmit<T, E extends PickEmits<Required<ComponentProps<T>>>, K extends keyof E>(\n  _Comp: T,\n  _event: K,\n  listener: E[K],\n) {\n  return listener;\n}\n\ntype PickMethods<T> = {\n  // biome-ignore lint/suspicious/noExplicitAny: 必须使用 any\n  [K in keyof T]: T[K] extends (...args: unknown[]) => any ? T[K] : never;\n};\n\n/**\n * 从组件props中提取方法并返回指定方法\n * @template T 组件类型\n * @template M 从组件props中提取的方法类型\n * @template K 方法名类型\n * @param {T} Comp 组件定义\n * @param {K} name 方法名称\n * @param {M[K]} method 要返回的方法\n * @returns {M[K]} 返回传入的方法\n * @example\n * const handleUpdate = useMethod(MyComponent, 'update', (value) => {\n *   console.log('update value', value)\n * })\n */\nexport function useMethod<T, M extends PickMethods<Required<ComponentProps<T>>>, K extends keyof M>(\n  _Comp: T,\n  _name: K,\n  method: M[K],\n) {\n  return method;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,SAAS,aAAsC;CAC7D,aAAa,eAAe,iBAAiB,YAAY;;;;;;;;;;;;;;;;;;AAmB3D,SAAgB,WAAW,SAAkC;CAC3D,aAAa,WAAW,aAAa,QAAQ;;;;;;;;;;;;;;;;;;AAmB/C,SAAgB,aAAa,WAAoC;CAC/D,aAAa,aAAa,eAAe,UAAU;;;;;;;;;;;;ACrDrD,SAAgB,UAAa,OAAU;CAErC,OAAO,IAAgC,KAAK;;;;;;;;;;;;;;;;AAyC9C,SAAgB,QACd,OACA,QACA,UACA;CACA,OAAO;;;;;;;;;;;;;;;;AAsBT,SAAgB,UACd,OACA,OACA,QACA;CACA,OAAO"}

package/dist/event.cjs

@@ -1,36 +1,43 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const emitter = require("@cloudcome/utils-core/emitter");
-const vue = require("vue");
+let vue = require("vue");
+let _cloudcome_utils_core_emitter = require("@cloudcome/utils-core/emitter");
+//#region src/event.ts
 function createEventHook(options = {}) {
-  const emitter$1 = options.emitter || new emitter.Emitter();
-  const on = (event, listener) => {
-    emitter$1.on(event, listener);
-  };
-  const off = (event, listener) => {
-    emitter$1.off(event, listener);
-  };
-  const emit = (event, ...payloads) => {
-    emitter$1.emit(event, ...payloads);
-  };
-  const useEvent = (event, fn) => {
-    if (options.stage === "mounted") {
-      vue.onMounted(() => {
-        on(event, fn);
-      });
-      vue.onUnmounted(() => {
-        off(event, fn);
-      });
-    } else {
-      vue.onBeforeMount(() => {
-        on(event, fn);
-      });
-      vue.onBeforeUnmount(() => {
-        off(event, fn);
-      });
-    }
-  };
-  return { on, off, emit, useEvent };
+	const emitter = options.emitter || new _cloudcome_utils_core_emitter.Emitter();
+	const on = (event, listener) => {
+		emitter.on(event, listener);
+	};
+	const off = (event, listener) => {
+		emitter.off(event, listener);
+	};
+	const emit = (event, ...payloads) => {
+		emitter.emit(event, ...payloads);
+	};
+	const useEvent = (event, fn) => {
+		if (options.stage === "mounted") {
+			(0, vue.onMounted)(() => {
+				on(event, fn);
+			});
+			(0, vue.onUnmounted)(() => {
+				off(event, fn);
+			});
+		} else {
+			(0, vue.onBeforeMount)(() => {
+				on(event, fn);
+			});
+			(0, vue.onBeforeUnmount)(() => {
+				off(event, fn);
+			});
+		}
+	};
+	return {
+		on,
+		off,
+		emit,
+		useEvent
+	};
 }
+//#endregion
 exports.createEventHook = createEventHook;
-//# sourceMappingURL=event.cjs.map
+
+//# sourceMappingURL=event.cjs.map

package/dist/event.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"event.cjs","sources":["../src/event.ts"],"sourcesContent":["import { Emitter, type EmitterListener, type EmitterMap } from '@cloudcome/utils-core/emitter';\nimport { onBeforeMount, onBeforeUnmount, onMounted, onUnmounted } from 'vue';\n\nexport type EventEmitter = {\n  on: (event: string, listener: (...payloads: unknown[]) => unknown) => unknown;\n  off: (event: string, listener: (...payloads: unknown[]) => unknown) => unknown;\n  emit: (event: string, ...payloads: unknown[]) => unknown;\n};\n\nexport type CreateEventCenterOptions = {\n  emitter?: EventEmitter;\n  stage?: 'mount' | 'mounted';\n};\n\nexport function createEventHook<E extends EmitterMap>(options: CreateEventCenterOptions = {}) {\n  const emitter = options.emitter || new Emitter();\n\n  const on = <K extends keyof E>(event: K, listener: EmitterListener<E, K>) => {\n    // @ts-ignore\n    emitter.on(event as string, listener);\n  };\n\n  const off = <K extends keyof E>(event: K, listener: EmitterListener<E, K>) => {\n    // @ts-ignore\n    emitter.off(event as string, listener);\n  };\n\n  const emit = <K extends keyof E>(event: K, ...payloads: E[K]) => {\n    emitter.emit(event as string, ...payloads);\n  };\n\n  const useEvent = <K extends keyof E>(event: K, fn: (...payloads: E[K]) => unknown) => {\n    if (options.stage === 'mounted') {\n      onMounted(() => {\n        on(event, fn);\n      });\n      onUnmounted(() => {\n        off(event, fn);\n      });\n    } else {\n      onBeforeMount(() => {\n        on(event, fn);\n      });\n      onBeforeUnmount(() => {\n        off(event, fn);\n      });\n    }\n  };\n\n  return { on, off, emit, useEvent };\n}\n"],"names":["emitter","Emitter","onMounted","onUnmounted","onBeforeMount","onBeforeUnmount"],"mappings":";;;;AAcgB,SAAA,gBAAsC,UAAoC,IAAI;AAC5F,QAAMA,YAAU,QAAQ,WAAW,IAAIC,QAAAA,QAAQ;AAEzC,QAAA,KAAK,CAAoB,OAAU,aAAoC;AAEnED,cAAA,GAAG,OAAiB,QAAQ;AAAA,EACtC;AAEM,QAAA,MAAM,CAAoB,OAAU,aAAoC;AAEpEA,cAAA,IAAI,OAAiB,QAAQ;AAAA,EACvC;AAEM,QAAA,OAAO,CAAoB,UAAa,aAAmB;AACvDA,cAAA,KAAK,OAAiB,GAAG,QAAQ;AAAA,EAC3C;AAEM,QAAA,WAAW,CAAoB,OAAU,OAAuC;AAChF,QAAA,QAAQ,UAAU,WAAW;AAC/BE,UAAAA,UAAU,MAAM;AACd,WAAG,OAAO,EAAE;AAAA,MAAA,CACb;AACDC,UAAAA,YAAY,MAAM;AAChB,YAAI,OAAO,EAAE;AAAA,MAAA,CACd;AAAA,IAAA,OACI;AACLC,UAAAA,cAAc,MAAM;AAClB,WAAG,OAAO,EAAE;AAAA,MAAA,CACb;AACDC,UAAAA,gBAAgB,MAAM;AACpB,YAAI,OAAO,EAAE;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL;AAEA,SAAO,EAAE,IAAI,KAAK,MAAM,SAAS;AACnC;;"}
+{"version":3,"file":"event.cjs","names":[],"sources":["../src/event.ts"],"sourcesContent":["import { Emitter, type EmitterListener, type EmitterMap } from '@cloudcome/utils-core/emitter';\nimport { onBeforeMount, onBeforeUnmount, onMounted, onUnmounted } from 'vue';\n\nexport type EventEmitter = {\n  on: (event: string, listener: (...payloads: unknown[]) => unknown) => unknown;\n  off: (event: string, listener: (...payloads: unknown[]) => unknown) => unknown;\n  emit: (event: string, ...payloads: unknown[]) => unknown;\n};\n\nexport type CreateEventCenterOptions = {\n  emitter?: EventEmitter;\n  stage?: 'mount' | 'mounted';\n};\n\nexport function createEventHook<E extends EmitterMap>(options: CreateEventCenterOptions = {}) {\n  const emitter = options.emitter || new Emitter();\n\n  const on = <K extends keyof E>(event: K, listener: EmitterListener<E, K>) => {\n    // @ts-expect-error\n    emitter.on(event as string, listener);\n  };\n\n  const off = <K extends keyof E>(event: K, listener: EmitterListener<E, K>) => {\n    // @ts-expect-error\n    emitter.off(event as string, listener);\n  };\n\n  const emit = <K extends keyof E>(event: K, ...payloads: E[K]) => {\n    emitter.emit(event as string, ...payloads);\n  };\n\n  const useEvent = <K extends keyof E>(event: K, fn: (...payloads: E[K]) => unknown) => {\n    if (options.stage === 'mounted') {\n      onMounted(() => {\n        on(event, fn);\n      });\n      onUnmounted(() => {\n        off(event, fn);\n      });\n    } else {\n      onBeforeMount(() => {\n        on(event, fn);\n      });\n      onBeforeUnmount(() => {\n        off(event, fn);\n      });\n    }\n  };\n\n  return { on, off, emit, useEvent };\n}\n"],"mappings":";;;;AAcA,SAAgB,gBAAsC,UAAoC,EAAE,EAAE;CAC5F,MAAM,UAAU,QAAQ,WAAW,IAAI,8BAAA,SAAS;CAEhD,MAAM,MAAyB,OAAU,aAAoC;EAE3E,QAAQ,GAAG,OAAiB,SAAS;;CAGvC,MAAM,OAA0B,OAAU,aAAoC;EAE5E,QAAQ,IAAI,OAAiB,SAAS;;CAGxC,MAAM,QAA2B,OAAU,GAAG,aAAmB;EAC/D,QAAQ,KAAK,OAAiB,GAAG,SAAS;;CAG5C,MAAM,YAA+B,OAAU,OAAuC;EACpF,IAAI,QAAQ,UAAU,WAAW;GAC/B,CAAA,GAAA,IAAA,iBAAgB;IACd,GAAG,OAAO,GAAG;KACb;GACF,CAAA,GAAA,IAAA,mBAAkB;IAChB,IAAI,OAAO,GAAG;KACd;SACG;GACL,CAAA,GAAA,IAAA,qBAAoB;IAClB,GAAG,OAAO,GAAG;KACb;GACF,CAAA,GAAA,IAAA,uBAAsB;IACpB,IAAI,OAAO,GAAG;KACd;;;CAIN,OAAO;EAAE;EAAI;EAAK;EAAM;EAAU"}

package/dist/event.mjs

@@ -1,36 +1,42 @@
+import { onBeforeMount, onBeforeUnmount, onMounted, onUnmounted } from "vue";
 import { Emitter } from "@cloudcome/utils-core/emitter";
-import { onMounted, onUnmounted, onBeforeMount, onBeforeUnmount } from "vue";
+//#region src/event.ts
 function createEventHook(options = {}) {
-  const emitter = options.emitter || new Emitter();
-  const on = (event, listener) => {
-    emitter.on(event, listener);
-  };
-  const off = (event, listener) => {
-    emitter.off(event, listener);
-  };
-  const emit = (event, ...payloads) => {
-    emitter.emit(event, ...payloads);
-  };
-  const useEvent = (event, fn) => {
-    if (options.stage === "mounted") {
-      onMounted(() => {
-        on(event, fn);
-      });
-      onUnmounted(() => {
-        off(event, fn);
-      });
-    } else {
-      onBeforeMount(() => {
-        on(event, fn);
-      });
-      onBeforeUnmount(() => {
-        off(event, fn);
-      });
-    }
-  };
-  return { on, off, emit, useEvent };
+	const emitter = options.emitter || new Emitter();
+	const on = (event, listener) => {
+		emitter.on(event, listener);
+	};
+	const off = (event, listener) => {
+		emitter.off(event, listener);
+	};
+	const emit = (event, ...payloads) => {
+		emitter.emit(event, ...payloads);
+	};
+	const useEvent = (event, fn) => {
+		if (options.stage === "mounted") {
+			onMounted(() => {
+				on(event, fn);
+			});
+			onUnmounted(() => {
+				off(event, fn);
+			});
+		} else {
+			onBeforeMount(() => {
+				on(event, fn);
+			});
+			onBeforeUnmount(() => {
+				off(event, fn);
+			});
+		}
+	};
+	return {
+		on,
+		off,
+		emit,
+		useEvent
+	};
 }
-export {
-  createEventHook
-};
-//# sourceMappingURL=event.mjs.map
+//#endregion
+export { createEventHook };
+
+//# sourceMappingURL=event.mjs.map

package/dist/event.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"event.mjs","sources":["../src/event.ts"],"sourcesContent":["import { Emitter, type EmitterListener, type EmitterMap } from '@cloudcome/utils-core/emitter';\nimport { onBeforeMount, onBeforeUnmount, onMounted, onUnmounted } from 'vue';\n\nexport type EventEmitter = {\n  on: (event: string, listener: (...payloads: unknown[]) => unknown) => unknown;\n  off: (event: string, listener: (...payloads: unknown[]) => unknown) => unknown;\n  emit: (event: string, ...payloads: unknown[]) => unknown;\n};\n\nexport type CreateEventCenterOptions = {\n  emitter?: EventEmitter;\n  stage?: 'mount' | 'mounted';\n};\n\nexport function createEventHook<E extends EmitterMap>(options: CreateEventCenterOptions = {}) {\n  const emitter = options.emitter || new Emitter();\n\n  const on = <K extends keyof E>(event: K, listener: EmitterListener<E, K>) => {\n    // @ts-ignore\n    emitter.on(event as string, listener);\n  };\n\n  const off = <K extends keyof E>(event: K, listener: EmitterListener<E, K>) => {\n    // @ts-ignore\n    emitter.off(event as string, listener);\n  };\n\n  const emit = <K extends keyof E>(event: K, ...payloads: E[K]) => {\n    emitter.emit(event as string, ...payloads);\n  };\n\n  const useEvent = <K extends keyof E>(event: K, fn: (...payloads: E[K]) => unknown) => {\n    if (options.stage === 'mounted') {\n      onMounted(() => {\n        on(event, fn);\n      });\n      onUnmounted(() => {\n        off(event, fn);\n      });\n    } else {\n      onBeforeMount(() => {\n        on(event, fn);\n      });\n      onBeforeUnmount(() => {\n        off(event, fn);\n      });\n    }\n  };\n\n  return { on, off, emit, useEvent };\n}\n"],"names":[],"mappings":";;AAcgB,SAAA,gBAAsC,UAAoC,IAAI;AAC5F,QAAM,UAAU,QAAQ,WAAW,IAAI,QAAQ;AAEzC,QAAA,KAAK,CAAoB,OAAU,aAAoC;AAEnE,YAAA,GAAG,OAAiB,QAAQ;AAAA,EACtC;AAEM,QAAA,MAAM,CAAoB,OAAU,aAAoC;AAEpE,YAAA,IAAI,OAAiB,QAAQ;AAAA,EACvC;AAEM,QAAA,OAAO,CAAoB,UAAa,aAAmB;AACvD,YAAA,KAAK,OAAiB,GAAG,QAAQ;AAAA,EAC3C;AAEM,QAAA,WAAW,CAAoB,OAAU,OAAuC;AAChF,QAAA,QAAQ,UAAU,WAAW;AAC/B,gBAAU,MAAM;AACd,WAAG,OAAO,EAAE;AAAA,MAAA,CACb;AACD,kBAAY,MAAM;AAChB,YAAI,OAAO,EAAE;AAAA,MAAA,CACd;AAAA,IAAA,OACI;AACL,oBAAc,MAAM;AAClB,WAAG,OAAO,EAAE;AAAA,MAAA,CACb;AACD,sBAAgB,MAAM;AACpB,YAAI,OAAO,EAAE;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL;AAEA,SAAO,EAAE,IAAI,KAAK,MAAM,SAAS;AACnC;"}
+{"version":3,"file":"event.mjs","names":[],"sources":["../src/event.ts"],"sourcesContent":["import { Emitter, type EmitterListener, type EmitterMap } from '@cloudcome/utils-core/emitter';\nimport { onBeforeMount, onBeforeUnmount, onMounted, onUnmounted } from 'vue';\n\nexport type EventEmitter = {\n  on: (event: string, listener: (...payloads: unknown[]) => unknown) => unknown;\n  off: (event: string, listener: (...payloads: unknown[]) => unknown) => unknown;\n  emit: (event: string, ...payloads: unknown[]) => unknown;\n};\n\nexport type CreateEventCenterOptions = {\n  emitter?: EventEmitter;\n  stage?: 'mount' | 'mounted';\n};\n\nexport function createEventHook<E extends EmitterMap>(options: CreateEventCenterOptions = {}) {\n  const emitter = options.emitter || new Emitter();\n\n  const on = <K extends keyof E>(event: K, listener: EmitterListener<E, K>) => {\n    // @ts-expect-error\n    emitter.on(event as string, listener);\n  };\n\n  const off = <K extends keyof E>(event: K, listener: EmitterListener<E, K>) => {\n    // @ts-expect-error\n    emitter.off(event as string, listener);\n  };\n\n  const emit = <K extends keyof E>(event: K, ...payloads: E[K]) => {\n    emitter.emit(event as string, ...payloads);\n  };\n\n  const useEvent = <K extends keyof E>(event: K, fn: (...payloads: E[K]) => unknown) => {\n    if (options.stage === 'mounted') {\n      onMounted(() => {\n        on(event, fn);\n      });\n      onUnmounted(() => {\n        off(event, fn);\n      });\n    } else {\n      onBeforeMount(() => {\n        on(event, fn);\n      });\n      onBeforeUnmount(() => {\n        off(event, fn);\n      });\n    }\n  };\n\n  return { on, off, emit, useEvent };\n}\n"],"mappings":";;;AAcA,SAAgB,gBAAsC,UAAoC,EAAE,EAAE;CAC5F,MAAM,UAAU,QAAQ,WAAW,IAAI,SAAS;CAEhD,MAAM,MAAyB,OAAU,aAAoC;EAE3E,QAAQ,GAAG,OAAiB,SAAS;;CAGvC,MAAM,OAA0B,OAAU,aAAoC;EAE5E,QAAQ,IAAI,OAAiB,SAAS;;CAGxC,MAAM,QAA2B,OAAU,GAAG,aAAmB;EAC/D,QAAQ,KAAK,OAAiB,GAAG,SAAS;;CAG5C,MAAM,YAA+B,OAAU,OAAuC;EACpF,IAAI,QAAQ,UAAU,WAAW;GAC/B,gBAAgB;IACd,GAAG,OAAO,GAAG;KACb;GACF,kBAAkB;IAChB,IAAI,OAAO,GAAG;KACd;SACG;GACL,oBAAoB;IAClB,GAAG,OAAO,GAAG;KACb;GACF,sBAAsB;IACpB,IAAI,OAAO,GAAG;KACd;;;CAIN,OAAO;EAAE;EAAI;EAAK;EAAM;EAAU"}

package/dist/index.cjs

@@ -1,5 +1,10 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const VERSION = "1.13.1";
+//#region src/index.ts
+/**
+* `@cloudcome/utils-vue` 版本号
+*/
+var VERSION = "1.14.0";
+//#endregion
 exports.VERSION = VERSION;
-//# sourceMappingURL=index.cjs.map
+
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["/**\n * `@cloudcome/utils-vue` 版本号\n */\nexport const VERSION = PKG_VERSION;\n"],"names":[],"mappings":";;AAGO,MAAM,UAAU;;"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * `@cloudcome/utils-vue` 版本号\n */\nexport const VERSION = PKG_VERSION;\n"],"mappings":";;;;;AAGA,IAAa,UAAA"}

package/dist/index.mjs

@@ -1,5 +1,9 @@
-const VERSION = "1.13.1";
-export {
-  VERSION
-};
-//# sourceMappingURL=index.mjs.map
+//#region src/index.ts
+/**
+* `@cloudcome/utils-vue` 版本号
+*/
+var VERSION = "1.14.0";
+//#endregion
+export { VERSION };
+
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["/**\n * `@cloudcome/utils-vue` 版本号\n */\nexport const VERSION = PKG_VERSION;\n"],"names":[],"mappings":"AAGO,MAAM,UAAU;"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * `@cloudcome/utils-vue` 版本号\n */\nexport const VERSION = PKG_VERSION;\n"],"mappings":";;;;AAGA,IAAa,UAAA"}