@rdeam/qui 2.0.0

package/es/components/uploader/src/use-uploader.mjs

@@ -0,0 +1,263 @@
+import { showToast } from "./toast.mjs";
+import { onBeforeMount, onMounted, provide, ref } from "vue";
+import SimpleUploader from "simple-uploader.js";
+import SparkMD5 from "spark-md5";
+//#region packages/components/uploader/src/use-uploader.ts
+var baseOptions = {
+	target: "/api/v2/upload",
+	chunkSize: 1024 * 1024 * 1,
+	connectionCount: 3,
+	fileParameterName: "file",
+	maxChunkRetries: 3,
+	simultaneousUploads: 3,
+	testChunks: true,
+	checkChunkUploadedByResponse: null,
+	headers: {},
+	query: {}
+};
+var handleOptions = (props) => {
+	const query = (file, chunk) => {
+		return {
+			chunk: chunk.offset,
+			task_id: file.uniqueIdentifier,
+			...file.params,
+			...typeof props.requestParams === "function" ? props.requestParams() : props.requestParams || {}
+		};
+	};
+	return {
+		...baseOptions,
+		query,
+		...props.options,
+		...props.checkChunkUploadedByResponse ? { checkChunkUploadedByResponse: props.checkChunkUploadedByResponse } : {}
+	};
+};
+var eventList = {
+	FILE_ADDED_EVENT: "fileAdded",
+	FILE_REMOVED_EVENT: "fileRemoved",
+	FILES_SUBMITTED_EVENT: "filesSubmitted",
+	FILE_COMPLETE_EVENT: "fileComplete",
+	FILE_SUCCESS_EVENT: "fileSuccess",
+	FILE_ERROR_EVENT: "fileError",
+	COMPLETE_EVENT: "complete",
+	UPLOAD_START_EVENT: "uploadStart"
+};
+var useUploader = (props, emits) => {
+	const uploadBtn = ref();
+	const files = ref([]);
+	const fileList = ref([]);
+	const UPLOADER = ref(null);
+	const initUploader = () => {
+		UPLOADER.value = new SimpleUploader(handleOptions(props));
+	};
+	const __removeFile = (file) => {
+		const fileList = UPLOADER.value.fileList;
+		UPLOADER.value.fileList = fileList.filter((item) => item.id !== file.id);
+	};
+	const fileLimitOver = (file) => {
+		__removeFile(file);
+		showToast(`最大允许上传 ${props.limit} 个文件！`);
+		emits("on-exceed-limit", file, props.limit);
+	};
+	const __checkFileType = (file) => {
+		const suffix = file.getExtension();
+		if (!props.accept.split(",").includes(`.${suffix}`)) {
+			__removeFile(file);
+			showToast(`文件类型错误，只支持 ${props.accept} 类型`);
+			emits("on-type-error", file, props.accept);
+			return false;
+		}
+		return true;
+	};
+	const fileAdded = (file) => {
+		const fileList = UPLOADER.value.fileList;
+		if (props.limit && fileList.length > props.limit) {
+			fileLimitOver(file);
+			return false;
+		}
+		if (props.accept && props.isCheckFileType && !__checkFileType(file)) return false;
+		if (props.onFileAdded) {
+			if (props.onFileAdded(file) === false) {
+				__removeFile(file);
+				return false;
+			}
+		}
+		emits("update:modelValue", UPLOADER.value.fileList);
+		return true;
+	};
+	const fileRemoved = (file) => {
+		files.value = UPLOADER.value.files;
+		fileList.value = UPLOADER.value.fileList;
+		if (props.onFileRemoved) props.onFileRemoved(file);
+		emits("update:modelValue", UPLOADER.value.fileList);
+	};
+	const filesSubmitted = (files) => {
+		files.value = UPLOADER.value.files;
+		fileList.value = UPLOADER.value.fileList;
+		emits("on-files-submitted", UPLOADER.value.getFileList());
+		if (props.autoUpload) files.forEach((file) => startUpload(file));
+	};
+	const fileComplete = (rootFile) => {
+		if (props.onFileComplete) props.onFileComplete(rootFile);
+	};
+	const processResponse = (message, file) => {
+		try {
+			file._response = JSON.parse(message);
+		} catch (error) {
+			console.error("processResponse", error);
+		}
+	};
+	const fileSuccess = (rootFile, file, message, chunk) => {
+		setTimeout(() => {
+			rootFile.setStatus("success");
+		}, 500);
+		processResponse(message, file);
+		if (props.onFileSuccess) props.onFileSuccess(rootFile, file, message, chunk);
+		emits("update:modelValue", UPLOADER.value.fileList);
+	};
+	const fileError = (rootFile, file, message, chunk) => {
+		if (props.onFileError) props.onFileError(rootFile, file, message, chunk);
+		emits("update:modelValue", UPLOADER.value.fileList);
+	};
+	const complete = () => {
+		emits("on-complete", UPLOADER.value.fileList);
+	};
+	const initUploaderEvent = () => {
+		var _uploadBtn$value;
+		const elements = ((_uploadBtn$value = uploadBtn.value) === null || _uploadBtn$value === void 0 ? void 0 : _uploadBtn$value.querySelectorAll(":scope > *:not(input)")) || [];
+		const arr = Array.from(elements);
+		if (arr.length > 0) UPLOADER.value.assignBrowse(arr[0]);
+		UPLOADER.value.fileStatusText = props.statusText;
+		[
+			{
+				event: eventList.FILE_ADDED_EVENT,
+				handler: fileAdded
+			},
+			{
+				event: eventList.FILE_REMOVED_EVENT,
+				handler: fileRemoved
+			},
+			{
+				event: eventList.FILES_SUBMITTED_EVENT,
+				handler: filesSubmitted
+			},
+			{
+				event: eventList.FILE_COMPLETE_EVENT,
+				handler: fileComplete
+			},
+			{
+				event: eventList.FILE_SUCCESS_EVENT,
+				handler: fileSuccess
+			},
+			{
+				event: eventList.FILE_ERROR_EVENT,
+				handler: fileError
+			},
+			{
+				event: eventList.COMPLETE_EVENT,
+				handler: complete
+			},
+			{
+				event: eventList.UPLOAD_START_EVENT,
+				handler: () => ({})
+			}
+		].forEach(({ event, handler }) => {
+			UPLOADER.value.on(event, handler);
+		});
+	};
+	const chunksTotal = (file) => {
+		const round = props.options.forceChunkSize || false ? Math.ceil : Math.floor;
+		const chunkSize = props.options.chunkSize || baseOptions.chunkSize;
+		const _totalChunks = Math.max(round(file.size / chunkSize), 1);
+		file._totalChunks = _totalChunks;
+		return _totalChunks;
+	};
+	const startUpload = (file) => {
+		file.cmd5 = true;
+		const fileReader = new FileReader();
+		const time = (/* @__PURE__ */ new Date()).getTime();
+		const blobSlice = File.prototype.slice;
+		let currentChunk = 0;
+		const chunkSize = props.options.chunkSize || baseOptions.chunkSize;
+		const chunks = Math.ceil(file.size / chunkSize);
+		const spark = new SparkMD5.ArrayBuffer();
+		chunksTotal(file);
+		file.pause();
+		loadNext();
+		fileReader.onload = (e) => {
+			spark.append(e.target.result);
+			if (currentChunk < chunks) {
+				currentChunk++;
+				loadNext();
+			} else {
+				const HASH = spark.end();
+				const spark2 = new SparkMD5();
+				spark2.append(HASH + file.name);
+				file.uniqueIdentifier = spark2.end();
+				file.resume();
+				file.cmd5 = false;
+				console.log(`MD5计算完毕：${file.name} \nMD5：${HASH} \n分片：${chunks} 大小:${file.size} 用时：${Date.now() - time} ms`);
+			}
+		};
+		fileReader.onerror = function() {
+			console.error(`文件${file.name}读取出错，请检查该文件`);
+			file.cancel();
+		};
+		function loadNext() {
+			const start = currentChunk * chunkSize;
+			const end = start + chunkSize >= file.size ? file.size : start + chunkSize;
+			fileReader.readAsArrayBuffer(blobSlice.call(file.file, start, end));
+		}
+	};
+	const clearFiles = () => {
+		UPLOADER.value.fileList = [];
+		emits("update:modelValue", []);
+	};
+	const removeFile = (file) => {
+		file._removeFile(file);
+	};
+	const getFileList = () => {
+		return UPLOADER.value.fileList;
+	};
+	const __upload = () => {
+		uploadBtn.value.click();
+	};
+	const setInputMultiple = (multiple = true) => {
+		const inputElement = uploadBtn.value.querySelector("input[type=\"file\"]");
+		if (!props.multiple) inputElement.multiple = multiple;
+		if (props.accept) inputElement.accept = props.accept;
+	};
+	onBeforeMount(() => {
+		initUploader();
+	});
+	onMounted(() => {
+		initUploaderEvent();
+		UPLOADER.value.clearFiles = clearFiles;
+		UPLOADER.value.removeFile = removeFile;
+		UPLOADER.value.getFileList = getFileList;
+		UPLOADER.value._upload = __upload;
+		props.getInstance(UPLOADER);
+		if (props.exposeRef) props.exposeRef.value = {
+			clearFiles,
+			removeFile,
+			getFileList,
+			triggerUpload: () => {
+				__upload();
+			},
+			_upload: __upload,
+			upload: UPLOADER.value.upload,
+			cancel: UPLOADER.value.cancel
+		};
+		setInputMultiple(false);
+	});
+	provide("uploader", UPLOADER);
+	return {
+		uploadBtn,
+		files,
+		fileList,
+		UPLOADER
+	};
+};
+//#endregion
+export { baseOptions, useUploader as default };
+
+//# sourceMappingURL=use-uploader.mjs.map

package/es/components/uploader/src/use-uploader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-uploader.mjs","names":[],"sources":["../../../../../../packages/components/uploader/src/use-uploader.ts"],"sourcesContent":["import SimpleUploader from 'simple-uploader.js'\nimport SparkMD5 from 'spark-md5'\nimport { ref, onBeforeMount, provide, onMounted } from 'vue'\nimport { UploaderProps } from './uploader'\nimport { showToast } from './toast'\n\nexport const baseOptions = {\n  target: '/api/v2/upload', // 目标上传 URL\n  chunkSize: 1024 * 1024 * 1, // 分块大小 4M\n  connectionCount: 3, //同时上传的连接数\n  fileParameterName: 'file', // 上传文件时文件的参数名，默认file\n  maxChunkRetries: 3, // 最大自动失败重试上传次数\n  simultaneousUploads: 3, // 并发上传数 默认为 3\n  testChunks: true, // 是否开启服务器分片校验\n  // 服务器分片校验函数，秒传及断点续传基础\n  checkChunkUploadedByResponse: null,\n  headers: {},\n  // 额外的自定义查询参数\n  query: {},\n}\n\n// 处理 options 参数\nconst handleOptions = (props: UploaderProps) => {\n  const query = (file: any, chunk: any) => {\n    return {\n      chunk: chunk.offset,\n      task_id: file.uniqueIdentifier,\n      ...file.params,\n      ...(typeof props.requestParams === 'function' ? props.requestParams() : props.requestParams || {}),\n    }\n  }\n\n  const options = {\n    ...baseOptions,\n    query,\n    ...props.options,\n    ...(props.checkChunkUploadedByResponse ? { checkChunkUploadedByResponse: props.checkChunkUploadedByResponse } : {}),\n  }\n\n  return options\n}\n\nconst eventList = {\n  FILE_ADDED_EVENT: 'fileAdded',\n  FILE_REMOVED_EVENT: 'fileRemoved',\n  FILES_SUBMITTED_EVENT: 'filesSubmitted',\n  FILE_COMPLETE_EVENT: 'fileComplete',\n  FILE_SUCCESS_EVENT: 'fileSuccess',\n  FILE_ERROR_EVENT: 'fileError',\n  COMPLETE_EVENT: 'complete',\n  UPLOAD_START_EVENT: 'uploadStart',\n}\nconst useUploader = (props: UploaderProps, emits: any) => {\n  const uploadBtn = ref()\n  const files = ref<any[]>([])\n  const fileList = ref<any[]>([])\n  const UPLOADER = ref<any>(null)\n\n  const initUploader = () => {\n    const uploader = new SimpleUploader(handleOptions(props))\n    UPLOADER.value = uploader\n  }\n\n  // 移除文件\n  const __removeFile = (file: any) => {\n    const fileList = UPLOADER.value.fileList\n    UPLOADER.value.fileList = fileList.filter((item: any) => item.id !== file.id)\n  }\n  // 超出 limit 数量 时触发,并且从列表中移除当前文件\n  const fileLimitOver = (file: any) => {\n    __removeFile(file)\n    showToast(`最大允许上传 ${props.limit} 个文件！`)\n    emits('on-exceed-limit', file, props.limit)\n  }\n\n  // 文件类型校验,返回 false 禁止文件上传,并且从列表中移除当前文件\n  const __checkFileType = (file: any) => {\n    const suffix = file.getExtension()\n    const suffies = props.accept.split(',')\n    if (!suffies.includes(`.${suffix}`)) {\n      __removeFile(file)\n      showToast(`文件类型错误，只支持 ${props.accept} 类型`)\n      emits('on-type-error', file, props.accept)\n      return false\n    }\n    return true\n  }\n  //文件添加到上传队列之前调用，可用于文件校验，返回 false 禁止文件上传,并且从列表中移除当前文件\n  const fileAdded = (file: any) => {\n    const fileList = UPLOADER.value.fileList\n    // 如果上传文件数量超过最大上传数 limit\n    if (props.limit && fileList.length > props.limit) {\n      fileLimitOver(file)\n      return false\n    }\n    if (props.accept && props.isCheckFileType && !__checkFileType(file)) {\n      return false\n    }\n    if (props.onFileAdded) {\n      const bool = props.onFileAdded(file)\n      if (bool === false) {\n        __removeFile(file)\n        return false\n      }\n    }\n\n    // 当文件添加时触发update:modelValue事件\n    emits('update:modelValue', UPLOADER.value.fileList)\n    return true\n  }\n\n  //特定文件已从上传队列中移除时触发\n  const fileRemoved = (file: any) => {\n    files.value = UPLOADER.value.files\n    fileList.value = UPLOADER.value.fileList\n    if (props.onFileRemoved) {\n      props.onFileRemoved(file)\n    }\n    // 当文件移除时触发update:modelValue事件\n    emits('update:modelValue', UPLOADER.value.fileList)\n  }\n\n  //文件添加到上传队列之后，可用于开始上传当前添加的文件时触发，可用于开始上传当前添加的文件\n  const filesSubmitted = (files: any) => {\n    files.value = UPLOADER.value.files\n    fileList.value = UPLOADER.value.fileList\n    emits('on-files-submitted', UPLOADER.value.getFileList())\n    if (props.autoUpload) {\n      files.forEach((file: any) => startUpload(file))\n    }\n  }\n\n  // 单个文件上传完成时触发\n  // 无论文件上传成功还是失败，只要传输过程结束，就会触发此事件。\n  // 用于执行在每个文件上传结束后需要进行的操作，比如更新 UI 或者移除加载指示器。\n\n  const fileComplete = (rootFile: any) => {\n    if (props.onFileComplete) {\n      props.onFileComplete(rootFile)\n    }\n  }\n\n  // 处理服务器返回的数据\n  const processResponse = (message: any, file: any) => {\n    try {\n      file._response = JSON.parse(message)\n    } catch (error) {\n      console.error('processResponse', error)\n    }\n  }\n\n  // 单个文件上传成功并且服务器返回成功响应后触发。\n  // 通常用于处理成功上传后的业务逻辑，比如显示上传成功的消息，处理服务器返回的数据等。\n  // 适用于只在文件成功上传时需要执行特定操作的场景。\n\n  const fileSuccess = (rootFile: any, file: any, message: any, chunk: any) => {\n    setTimeout(() => {\n      rootFile.setStatus('success')\n    }, 500)\n    processResponse(message, file)\n    if (props.onFileSuccess) {\n      props.onFileSuccess(rootFile, file, message, chunk)\n    }\n    // 当文件上传成功时触发update:modelValue事件\n    emits('update:modelValue', UPLOADER.value.fileList)\n  }\n\n  // 文件上传错误\n  const fileError = (rootFile: any, file: any, message: any, chunk: any) => {\n    if (props.onFileError) {\n      props.onFileError(rootFile, file, message, chunk)\n    }\n    // 当文件上传失败时触发update:modelValue事件\n    emits('update:modelValue', UPLOADER.value.fileList)\n  }\n\n  // 在整个上传任务完成后触发，通常是在所有文件上传完成时。\n  // 用于执行与整个批次上传结束有关的操作，比如重置整个上传队列或更新整体进度。\n  // 如果有多个文件上传时，通常在所有文件（不论成功或失败）都上传完成后触发此事件。\n\n  const complete = () => {\n    emits('on-complete', UPLOADER.value.fileList)\n  }\n  const initUploaderEvent = () => {\n    const elements = uploadBtn.value?.querySelectorAll(':scope > *:not(input)') || []\n    const arr = Array.from(elements)\n\n    if (arr.length > 0) {\n      UPLOADER.value.assignBrowse(arr[0])\n    }\n\n    UPLOADER.value.fileStatusText = props.statusText\n\n    const events = [\n      { event: eventList.FILE_ADDED_EVENT, handler: fileAdded },\n      { event: eventList.FILE_REMOVED_EVENT, handler: fileRemoved },\n      { event: eventList.FILES_SUBMITTED_EVENT, handler: filesSubmitted },\n      { event: eventList.FILE_COMPLETE_EVENT, handler: fileComplete },\n      { event: eventList.FILE_SUCCESS_EVENT, handler: fileSuccess },\n      { event: eventList.FILE_ERROR_EVENT, handler: fileError },\n      { event: eventList.COMPLETE_EVENT, handler: complete },\n      { event: eventList.UPLOAD_START_EVENT, handler: () => ({}) },\n    ]\n\n    events.forEach(({ event, handler }) => {\n      UPLOADER.value.on(event, handler)\n    })\n  }\n\n  // 计算当前文件的切片数量\n  const chunksTotal = (file: any) => {\n    const _forceChunkSize = props.options.forceChunkSize || false\n    const round = _forceChunkSize ? Math.ceil : Math.floor\n    const chunkSize = props.options.chunkSize || baseOptions.chunkSize\n    const _totalChunks = Math.max(round(file.size / chunkSize), 1)\n    file._totalChunks = _totalChunks\n    return _totalChunks\n  }\n  //开始上传\n  const startUpload = (file: any) => {\n    file.cmd5 = true\n    const fileReader = new FileReader()\n    const time = new Date().getTime()\n    const blobSlice = File.prototype.slice\n    let currentChunk = 0 // 初始化切片 id\n    const chunkSize = props.options.chunkSize || baseOptions.chunkSize\n    const chunks = Math.ceil(file.size / chunkSize) // 计算切片数量\n    const spark: any = new SparkMD5.ArrayBuffer()\n    chunksTotal(file)\n    // 暂停上传，开始计算文件的 MD5 值\n    file.pause()\n\n    // 循环读取文件切片\n    loadNext()\n\n    // 文件读取完成\n    fileReader.onload = (e: any) => {\n      spark.append(e.target.result) //添加数组缓冲区\n      if (currentChunk < chunks) {\n        currentChunk++\n        loadNext()\n      } else {\n        const HASH = spark.end() // MD5 计算结束\n        const spark2: any = new SparkMD5() // 解决不同文件名生成唯一 MD5 值\n        spark2.append(HASH + file.name)\n        const HASH2 = spark2.end()\n        file.uniqueIdentifier = HASH2 // 增加文件唯一标识\n        file.resume() // 恢复文件开始上传\n        file.cmd5 = false\n        console.log(\n          `MD5计算完毕：${file.name} \\nMD5：${HASH} \\n分片：${chunks} 大小:${file.size} 用时：${Date.now() - time} ms`,\n        )\n      }\n    }\n    // 文件读取过程中发生错误\n    fileReader.onerror = function () {\n      console.error(`文件${file.name}读取出错，请检查该文件`)\n      file.cancel() // 取消上传\n    }\n\n    function loadNext() {\n      const start = currentChunk * chunkSize\n      const end = start + chunkSize >= file.size ? file.size : start + chunkSize\n      fileReader.readAsArrayBuffer(blobSlice.call(file.file, start, end))\n    }\n  }\n\n  const clearFiles = () => {\n    UPLOADER.value.fileList = []\n    // 当文件清空时触发update:modelValue事件\n    emits('update:modelValue', [])\n  }\n\n  const removeFile = (file: any) => {\n    file._removeFile(file)\n    // 文件移除时的update:modelValue事件由fileRemoved事件处理\n  }\n\n  const getFileList = () => {\n    return UPLOADER.value.fileList\n  }\n\n  const __upload = () => {\n    uploadBtn.value.click()\n  }\n\n  // 设置 input multiple 属性\n  const setInputMultiple = (multiple = true) => {\n    const inputElement = uploadBtn.value.querySelector('input[type=\"file\"]')\n    if (!props.multiple) {\n      inputElement.multiple = multiple\n    }\n    if (props.accept) {\n      inputElement.accept = props.accept\n    }\n  }\n\n  onBeforeMount(() => {\n    initUploader()\n  })\n\n  onMounted(() => {\n    initUploaderEvent()\n    UPLOADER.value.clearFiles = clearFiles\n    UPLOADER.value.removeFile = removeFile\n    UPLOADER.value.getFileList = getFileList\n    UPLOADER.value._upload = __upload\n    props.getInstance(UPLOADER)\n    if (props.exposeRef) {\n      props.exposeRef.value = {\n        clearFiles,\n        removeFile,\n        getFileList,\n        // 触发文件选择框\n        triggerUpload: () => {\n          __upload()\n        },\n        _upload: __upload,\n        upload: UPLOADER.value.upload,\n        cancel: UPLOADER.value.cancel,\n      }\n    }\n    setInputMultiple(false)\n  })\n\n  provide('uploader', UPLOADER)\n\n  return {\n    uploadBtn,\n    files,\n    fileList,\n    UPLOADER,\n  }\n}\n\nexport default useUploader\n"],"mappings":"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"}

package/es/components/uploader/style/index.d.ts

@@ -0,0 +1 @@
+import '../src/uploader.scss';

package/es/defaults.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    version: string;
+    install: (app: import("vue").App) => void;
+};
+export default _default;

package/es/defaults.mjs

@@ -0,0 +1,8 @@
+import component_default from "./component.mjs";
+import { makeInstaller } from "./make-installer.mjs";
+//#region packages/hd-custom/defaults.ts
+var defaults_default = makeInstaller(component_default);
+//#endregion
+export { defaults_default as default };
+
+//# sourceMappingURL=defaults.mjs.map

package/es/defaults.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.mjs","names":[],"sources":["../../../packages/hd-custom/defaults.ts"],"sourcesContent":["import Components from './component'\nimport { makeInstaller } from './make-installer'\n\nexport default makeInstaller(Components)\n"],"mappings":";;;AAGA,IAAA,mBAAe,cAAc,kBAAW"}

package/es/directives/copy/index.d.ts

@@ -0,0 +1,3 @@
+import type { Directive } from 'vue';
+declare const copy: Directive;
+export default copy;

package/es/directives/copy/index.mjs

@@ -0,0 +1,31 @@
+import { ElMessage } from "element-plus";
+//#region packages/directives/copy/index.ts
+var copy = {
+	mounted(el, binding) {
+		el.copyData = binding.value || el.innerHTML;
+		el.addEventListener("click", handleClick);
+	},
+	updated(el, binding) {
+		el.copyData = binding.value || el.innerHTML;
+	},
+	beforeUnmount(el) {
+		el.removeEventListener("click", el.__handleClick__);
+	}
+};
+function handleClick() {
+	const input = document.createElement("input");
+	console.log(this.copyData);
+	input.value = this.copyData.toLocaleString();
+	document.body.appendChild(input);
+	input.select();
+	document.execCommand("Copy");
+	document.body.removeChild(input);
+	ElMessage({
+		type: "success",
+		message: "复制成功"
+	});
+}
+//#endregion
+export { copy as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/directives/copy/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/directives/copy/index.ts"],"sourcesContent":["import type { Directive, DirectiveBinding } from 'vue'\r\nimport { ElMessage } from 'element-plus'\r\ninterface ElType extends HTMLElement {\r\n  copyData: string | number\r\n  __handleClick__: any\r\n}\r\nconst copy: Directive = {\r\n  mounted(el: ElType, binding: DirectiveBinding) {\r\n    el.copyData = binding.value || el.innerHTML\r\n    el.addEventListener('click', handleClick)\r\n  },\r\n  updated(el: ElType, binding: DirectiveBinding) {\r\n    el.copyData = binding.value || el.innerHTML\r\n  },\r\n  beforeUnmount(el: ElType) {\r\n    el.removeEventListener('click', el.__handleClick__)\r\n  },\r\n}\r\n\r\nfunction handleClick(this: any) {\r\n  const input = document.createElement('input')\r\n  console.log(this.copyData)\r\n  input.value = this.copyData.toLocaleString()\r\n  document.body.appendChild(input)\r\n  input.select()\r\n  document.execCommand('Copy')\r\n  document.body.removeChild(input)\r\n  ElMessage({\r\n    type: 'success',\r\n    message: '复制成功',\r\n  })\r\n}\r\n\r\nexport default copy\r\n"],"mappings":";;AAMA,IAAM,OAAkB;CACtB,QAAQ,IAAY,SAA2B;AAC7C,KAAG,WAAW,QAAQ,SAAS,GAAG;AAClC,KAAG,iBAAiB,SAAS,YAAY;;CAE3C,QAAQ,IAAY,SAA2B;AAC7C,KAAG,WAAW,QAAQ,SAAS,GAAG;;CAEpC,cAAc,IAAY;AACxB,KAAG,oBAAoB,SAAS,GAAG,gBAAgB;;CAEtD;AAED,SAAS,cAAuB;CAC9B,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAC7C,SAAQ,IAAI,KAAK,SAAS;AAC1B,OAAM,QAAQ,KAAK,SAAS,gBAAgB;AAC5C,UAAS,KAAK,YAAY,MAAM;AAChC,OAAM,QAAQ;AACd,UAAS,YAAY,OAAO;AAC5B,UAAS,KAAK,YAAY,MAAM;AAChC,WAAU;EACR,MAAM;EACN,SAAS;EACV,CAAC"}

package/es/directives/draggable/index.d.ts

@@ -0,0 +1,3 @@
+import type { Directive } from 'vue';
+declare const draggable: Directive;
+export default draggable;

package/es/directives/draggable/index.mjs

@@ -0,0 +1,28 @@
+//#region packages/directives/draggable/index.ts
+var draggable = { mounted: function(el) {
+	el.style.cursor = "move";
+	el.style.position = "absolute";
+	el.onmousedown = function(e) {
+		const disX = e.pageX - el.offsetLeft;
+		const disY = e.pageY - el.offsetTop;
+		document.onmousemove = function(e) {
+			let x = e.pageX - disX;
+			let y = e.pageY - disY;
+			const maxX = el.parentNode.offsetWidth - el.offsetWidth;
+			const maxY = el.parentNode.offsetHeight - el.offsetHeight;
+			if (x < 0) x = 0;
+			else if (x > maxX) x = maxX;
+			if (y < 0) y = 0;
+			else if (y > maxY) y = maxY;
+			el.style.left = x + "px";
+			el.style.top = y + "px";
+		};
+		document.onmouseup = function() {
+			document.onmousemove = document.onmouseup = null;
+		};
+	};
+} };
+//#endregion
+export { draggable as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/directives/draggable/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/directives/draggable/index.ts"],"sourcesContent":["import type { Directive } from 'vue'\r\ninterface ElType extends HTMLElement {\r\n  parentNode: any\r\n}\r\nconst draggable: Directive = {\r\n  mounted: function (el: ElType) {\r\n    el.style.cursor = 'move'\r\n    el.style.position = 'absolute'\r\n    el.onmousedown = function (e) {\r\n      const disX = e.pageX - el.offsetLeft\r\n      const disY = e.pageY - el.offsetTop\r\n      document.onmousemove = function (e) {\r\n        let x = e.pageX - disX\r\n        let y = e.pageY - disY\r\n        const maxX = el.parentNode.offsetWidth - el.offsetWidth\r\n        const maxY = el.parentNode.offsetHeight - el.offsetHeight\r\n        if (x < 0) {\r\n          x = 0\r\n        } else if (x > maxX) {\r\n          x = maxX\r\n        }\r\n\r\n        if (y < 0) {\r\n          y = 0\r\n        } else if (y > maxY) {\r\n          y = maxY\r\n        }\r\n        el.style.left = x + 'px'\r\n        el.style.top = y + 'px'\r\n      }\r\n      document.onmouseup = function () {\r\n        document.onmousemove = document.onmouseup = null\r\n      }\r\n    }\r\n  },\r\n}\r\nexport default draggable\r\n"],"mappings":";AAIA,IAAM,YAAuB,EAC3B,SAAS,SAAU,IAAY;AAC7B,IAAG,MAAM,SAAS;AAClB,IAAG,MAAM,WAAW;AACpB,IAAG,cAAc,SAAU,GAAG;EAC5B,MAAM,OAAO,EAAE,QAAQ,GAAG;EAC1B,MAAM,OAAO,EAAE,QAAQ,GAAG;AAC1B,WAAS,cAAc,SAAU,GAAG;GAClC,IAAI,IAAI,EAAE,QAAQ;GAClB,IAAI,IAAI,EAAE,QAAQ;GAClB,MAAM,OAAO,GAAG,WAAW,cAAc,GAAG;GAC5C,MAAM,OAAO,GAAG,WAAW,eAAe,GAAG;AAC7C,OAAI,IAAI,EACN,KAAI;YACK,IAAI,KACb,KAAI;AAGN,OAAI,IAAI,EACN,KAAI;YACK,IAAI,KACb,KAAI;AAEN,MAAG,MAAM,OAAO,IAAI;AACpB,MAAG,MAAM,MAAM,IAAI;;AAErB,WAAS,YAAY,WAAY;AAC/B,YAAS,cAAc,SAAS,YAAY;;;GAInD"}

package/es/directives/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Copy } from './copy/index.js';
+export { default as Draggable } from './draggable/index.js';
+export { default as ResizeElement } from './resize-element/index.js';
+export { default as ShowTip } from './show-tip/index.js';

package/es/directives/index.mjs

@@ -0,0 +1,5 @@
+import copy from "./copy/index.mjs";
+import draggable from "./draggable/index.mjs";
+import resizeElement from "./resize-element/index.mjs";
+import showTip from "./show-tip/index.mjs";
+export { copy as Copy, draggable as Draggable, resizeElement as ResizeElement, showTip as ShowTip };

package/es/directives/longpress/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * v-longpress
+ * 长按指令，长按时触发事件
+ */
+import type { Directive } from 'vue';
+declare const directive: Directive;
+export default directive;

package/es/directives/longpress/index.mjs

@@ -0,0 +1,32 @@
+//#region packages/directives/longpress/index.ts
+var directive = { mounted(el, binding) {
+	if (typeof binding.value !== "function") throw "callback must be a function";
+	let pressTimer = null;
+	const start = (e) => {
+		if (e.button) {
+			if (e.type === "click" && e.button !== 0) return;
+		}
+		if (pressTimer === null) pressTimer = setTimeout(() => {
+			handler(e);
+		}, 1e3);
+	};
+	const cancel = () => {
+		if (pressTimer !== null) {
+			clearTimeout(pressTimer);
+			pressTimer = null;
+		}
+	};
+	const handler = (e) => {
+		binding.value(e);
+	};
+	el.addEventListener("mousedown", start);
+	el.addEventListener("touchstart", start);
+	el.addEventListener("click", cancel);
+	el.addEventListener("mouseout", cancel);
+	el.addEventListener("touchend", cancel);
+	el.addEventListener("touchcancel", cancel);
+} };
+//#endregion
+export { directive as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/directives/longpress/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/directives/longpress/index.ts"],"sourcesContent":["/**\r\n * v-longpress\r\n * 长按指令，长按时触发事件\r\n */\r\nimport type { Directive, DirectiveBinding } from 'vue'\r\n\r\nconst directive: Directive = {\r\n  mounted(el: HTMLElement, binding: DirectiveBinding) {\r\n    if (typeof binding.value !== 'function') {\r\n      throw 'callback must be a function'\r\n    }\r\n    // 定义变量\r\n    let pressTimer: any = null\r\n    // 创建计时器（ 2秒后执行函数 ）\r\n    const start = (e: any) => {\r\n      if (e.button) {\r\n        if (e.type === 'click' && e.button !== 0) {\r\n          return\r\n        }\r\n      }\r\n      if (pressTimer === null) {\r\n        pressTimer = setTimeout(() => {\r\n          handler(e)\r\n        }, 1000)\r\n      }\r\n    }\r\n    // 取消计时器\r\n    const cancel = () => {\r\n      if (pressTimer !== null) {\r\n        clearTimeout(pressTimer)\r\n        pressTimer = null\r\n      }\r\n    }\r\n    // 运行函数\r\n    const handler = (e: MouseEvent | TouchEvent) => {\r\n      binding.value(e)\r\n    }\r\n    // 添加事件监听器\r\n    el.addEventListener('mousedown', start)\r\n    el.addEventListener('touchstart', start)\r\n    // 取消计时器\r\n    el.addEventListener('click', cancel)\r\n    el.addEventListener('mouseout', cancel)\r\n    el.addEventListener('touchend', cancel)\r\n    el.addEventListener('touchcancel', cancel)\r\n  },\r\n}\r\n\r\nexport default directive\r\n"],"mappings":";AAMA,IAAM,YAAuB,EAC3B,QAAQ,IAAiB,SAA2B;AAClD,KAAI,OAAO,QAAQ,UAAU,WAC3B,OAAM;CAGR,IAAI,aAAkB;CAEtB,MAAM,SAAS,MAAW;AACxB,MAAI,EAAE;OACA,EAAE,SAAS,WAAW,EAAE,WAAW,EACrC;;AAGJ,MAAI,eAAe,KACjB,cAAa,iBAAiB;AAC5B,WAAQ,EAAE;KACT,IAAK;;CAIZ,MAAM,eAAe;AACnB,MAAI,eAAe,MAAM;AACvB,gBAAa,WAAW;AACxB,gBAAa;;;CAIjB,MAAM,WAAW,MAA+B;AAC9C,UAAQ,MAAM,EAAE;;AAGlB,IAAG,iBAAiB,aAAa,MAAM;AACvC,IAAG,iBAAiB,cAAc,MAAM;AAExC,IAAG,iBAAiB,SAAS,OAAO;AACpC,IAAG,iBAAiB,YAAY,OAAO;AACvC,IAAG,iBAAiB,YAAY,OAAO;AACvC,IAAG,iBAAiB,eAAe,OAAO;GAE7C"}

package/es/directives/resize-element/index.d.ts

@@ -0,0 +1,3 @@
+import { Directive } from 'vue';
+declare const resizeElement: Directive;
+export default resizeElement;

package/es/directives/resize-element/index.mjs

@@ -0,0 +1,30 @@
+//#region packages/directives/resize-element/index.ts
+var map = /* @__PURE__ */ new WeakMap();
+var ob = new ResizeObserver((entries) => {
+	window.requestAnimationFrame(() => {
+		for (const entry of entries) {
+			const handle = map.get(entry.target);
+			if (handle) {
+				const box = entry.borderBoxSize[0];
+				if (box.inlineSize === 0 && box.blockSize === 0) return;
+				handle({
+					width: box.inlineSize,
+					height: box.blockSize
+				});
+			}
+		}
+	});
+});
+var resizeElement = {
+	mounted: function(el, binding) {
+		ob.observe(el);
+		map.set(el, binding.value);
+	},
+	unmounted(el) {
+		ob.unobserve(el);
+	}
+};
+//#endregion
+export { resizeElement as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/directives/resize-element/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/directives/resize-element/index.ts"],"sourcesContent":["import { Directive } from 'vue'\r\nconst map = new WeakMap()\r\nconst ob = new ResizeObserver((entries) => {\r\n  // 使用 requestAnimationFrame 来防止过度触发\r\n  window.requestAnimationFrame(() => {\r\n    for (const entry of entries) {\r\n      const handle = map.get(entry.target)\r\n      if (handle) {\r\n        const box = entry.borderBoxSize[0]\r\n        if (box.inlineSize === 0 && box.blockSize === 0) return\r\n        handle({\r\n          width: box.inlineSize,\r\n          height: box.blockSize,\r\n        })\r\n      }\r\n    }\r\n  })\r\n})\r\n\r\nconst resizeElement: Directive = {\r\n  mounted: function (el, binding) {\r\n    ob.observe(el)\r\n    map.set(el, binding.value)\r\n  },\r\n  unmounted(el) {\r\n    ob.unobserve(el)\r\n  },\r\n}\r\n\r\nexport default resizeElement\r\n"],"mappings":";AACA,IAAM,sBAAM,IAAI,SAAS;AACzB,IAAM,KAAK,IAAI,gBAAgB,YAAY;AAEzC,QAAO,4BAA4B;AACjC,OAAK,MAAM,SAAS,SAAS;GAC3B,MAAM,SAAS,IAAI,IAAI,MAAM,OAAO;AACpC,OAAI,QAAQ;IACV,MAAM,MAAM,MAAM,cAAc;AAChC,QAAI,IAAI,eAAe,KAAK,IAAI,cAAc,EAAG;AACjD,WAAO;KACL,OAAO,IAAI;KACX,QAAQ,IAAI;KACb,CAAC;;;GAGN;EACF;AAEF,IAAM,gBAA2B;CAC/B,SAAS,SAAU,IAAI,SAAS;AAC9B,KAAG,QAAQ,GAAG;AACd,MAAI,IAAI,IAAI,QAAQ,MAAM;;CAE5B,UAAU,IAAI;AACZ,KAAG,UAAU,GAAG;;CAEnB"}

package/es/directives/show-tip/index.d.ts

@@ -0,0 +1,3 @@
+import type { Directive } from 'vue';
+declare const showTip: Directive;
+export default showTip;

package/es/directives/show-tip/index.mjs

@@ -0,0 +1,19 @@
+import { getStyle } from "../../utils/dom/style.mjs";
+//#region packages/directives/show-tip/index.ts
+var showTip = { created(el, _, vnode) {
+	const tooltipNode = vnode.children.find((childCmpt) => {
+		var _childCmpt$component;
+		return ((_childCmpt$component = childCmpt.component) === null || _childCmpt$component === void 0 ? void 0 : _childCmpt$component.type.name) == "ElTooltip";
+	});
+	if (tooltipNode) el.addEventListener("mouseenter", () => {
+		tooltipNode.component.props.disabled = true;
+		const range = document.createRange();
+		range.setStart(el, 0);
+		range.setEnd(el, el.childNodes.length);
+		if (Math.round(range.getBoundingClientRect().width) + ((parseInt(getStyle(el, "paddingLeft"), 10) || 0) + (parseInt(getStyle(el, "paddingRight"), 10) || 0)) > el.offsetWidth || el.scrollWidth > el.offsetWidth) tooltipNode.component.props.disabled = false;
+	});
+} };
+//#endregion
+export { showTip as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/directives/show-tip/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/directives/show-tip/index.ts"],"sourcesContent":["/*\n * @Author: kfz\n * @Date: 2023-12-08 13:58:41\n * @LastEditors: kfz\n * @LastEditTime: 2024-01-26 10:28:23\n * @Description: 超过宽度才显示 ElTooltip, 配合ElTooltip使用，ElTooltip 父元素使用\n * @use <div v-show-tip> <ElTooltip /> </div>\n */\nimport type { Directive } from 'vue'\nimport { getStyle } from '@hd-custom/utils'\n\nconst showTip: Directive = {\n  created(el: any, _: any, vnode: any) {\n    const tooltipNode = vnode.children.find((childCmpt: any) => childCmpt.component?.type.name == 'ElTooltip')\n    if (tooltipNode) {\n      el.addEventListener('mouseenter', () => {\n        tooltipNode.component.props.disabled = true\n        const range = document.createRange()\n        range.setStart(el, 0)\n        range.setEnd(el, el.childNodes.length)\n        const rangeWidth = Math.round(range.getBoundingClientRect().width)\n        const padding =\n          (parseInt(getStyle(el, 'paddingLeft'), 10) || 0) + (parseInt(getStyle(el, 'paddingRight'), 10) || 0)\n        if (rangeWidth + padding > el.offsetWidth || el.scrollWidth > el.offsetWidth) {\n          tooltipNode.component.props.disabled = false\n        }\n      })\n    }\n  },\n}\n\nexport default showTip\n"],"mappings":";;AAWA,IAAM,UAAqB,EACzB,QAAQ,IAAS,GAAQ,OAAY;CACnC,MAAM,cAAc,MAAM,SAAS,MAAM,cAAmB;;4CAAU,eAAA,QAAA,yBAAA,KAAA,IAAA,KAAA,IAAA,qBAAW,KAAK,SAAQ;GAAY;AAC1G,KAAI,YACF,IAAG,iBAAiB,oBAAoB;AACtC,cAAY,UAAU,MAAM,WAAW;EACvC,MAAM,QAAQ,SAAS,aAAa;AACpC,QAAM,SAAS,IAAI,EAAE;AACrB,QAAM,OAAO,IAAI,GAAG,WAAW,OAAO;AAItC,MAHmB,KAAK,MAAM,MAAM,uBAAuB,CAAC,MAGxD,KADD,SAAS,SAAS,IAAI,cAAc,EAAE,GAAG,IAAI,MAAM,SAAS,SAAS,IAAI,eAAe,EAAE,GAAG,IAAI,MACzE,GAAG,eAAe,GAAG,cAAc,GAAG,YAC/D,aAAY,UAAU,MAAM,WAAW;GAEzC;GAGP"}

package/es/hooks/_configurable.d.ts

@@ -0,0 +1,27 @@
+export interface ConfigurableWindow {
+    window?: Window;
+}
+export interface ConfigurableDocument {
+    document?: Document;
+}
+export interface ConfigurableDocumentOrShadowRoot {
+    document?: DocumentOrShadowRoot;
+}
+export interface ConfigurableNavigator {
+    navigator?: Navigator;
+}
+export interface ConfigurableLocation {
+    location?: Location;
+}
+export declare const defaultWindow: (Window & typeof globalThis) | undefined;
+export declare const defaultDocument: Document | undefined;
+export declare const defaultNavigator: Navigator | undefined;
+export declare const defaultLocation: Location | undefined;
+export interface ConfigurableDeepRefs<D extends boolean> {
+    /**
+     * Return deep refs instead of shallow refs.
+     *
+     * @default true - will be changed to `false` by default in the next major
+     */
+    deepRefs?: D;
+}

package/es/hooks/_configurable.mjs

@@ -0,0 +1,10 @@
+import { isClient } from "./utils/is.mjs";
+//#region packages/hooks/_configurable.ts
+var defaultWindow = isClient ? window : void 0;
+var defaultDocument = isClient ? window.document : void 0;
+var defaultNavigator = isClient ? window.navigator : void 0;
+var defaultLocation = isClient ? window.location : void 0;
+//#endregion
+export { defaultDocument, defaultLocation, defaultNavigator, defaultWindow };
+
+//# sourceMappingURL=_configurable.mjs.map

package/es/hooks/_configurable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_configurable.mjs","names":[],"sources":["../../../../packages/hooks/_configurable.ts"],"sourcesContent":["import { isClient } from './utils'\r\n\r\nexport interface ConfigurableWindow {\r\n  /*\r\n   * Specify a custom `window` instance, e.g. working with iframes or in testing environments.\r\n   */\r\n  window?: Window\r\n}\r\n\r\nexport interface ConfigurableDocument {\r\n  /*\r\n   * Specify a custom `document` instance, e.g. working with iframes or in testing environments.\r\n   */\r\n  document?: Document\r\n}\r\n\r\nexport interface ConfigurableDocumentOrShadowRoot {\r\n  /*\r\n   * Specify a custom `document` instance or a shadow root, e.g. working with iframes or in testing environments.\r\n   */\r\n  document?: DocumentOrShadowRoot\r\n}\r\n\r\nexport interface ConfigurableNavigator {\r\n  /*\r\n   * Specify a custom `navigator` instance, e.g. working with iframes or in testing environments.\r\n   */\r\n  navigator?: Navigator\r\n}\r\n\r\nexport interface ConfigurableLocation {\r\n  /*\r\n   * Specify a custom `location` instance, e.g. working with iframes or in testing environments.\r\n   */\r\n  location?: Location\r\n}\r\n\r\nexport const defaultWindow = /* #__PURE__ */ isClient ? window : undefined\r\nexport const defaultDocument = /* #__PURE__ */ isClient ? window.document : undefined\r\nexport const defaultNavigator = /* #__PURE__ */ isClient ? window.navigator : undefined\r\nexport const defaultLocation = /* #__PURE__ */ isClient ? window.location : undefined\r\n\r\nexport interface ConfigurableDeepRefs<D extends boolean> {\r\n  /**\r\n   * Return deep refs instead of shallow refs.\r\n   *\r\n   * @default true - will be changed to `false` by default in the next major\r\n   */\r\n  deepRefs?: D\r\n}\r\n"],"mappings":";;AAqCA,IAAa,gBAAgC,WAAW,SAAS,KAAA;AACjE,IAAa,kBAAkC,WAAW,OAAO,WAAW,KAAA;AAC5E,IAAa,mBAAmC,WAAW,OAAO,YAAY,KAAA;AAC9E,IAAa,kBAAkC,WAAW,OAAO,WAAW,KAAA"}

package/es/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useFullscreen/index.js';

package/es/hooks/index.mjs

@@ -0,0 +1,2 @@
+import { useFullscreen } from "./useFullscreen/index.mjs";
+export { useFullscreen };

package/es/hooks/toRef/index.d.ts

@@ -0,0 +1,14 @@
+import type { ComputedRef, MaybeRefOrGetter, Ref, ToRef } from 'vue';
+/**
+ * Normalize value/ref/getter to `ref` or `computed`.
+ */
+export declare function toRef<T>(r: () => T): Readonly<Ref<T>>;
+export declare function toRef<T>(r: ComputedRef<T>): ComputedRef<T>;
+export declare function toRef<T>(r: MaybeRefOrGetter<T>): Ref<T>;
+export declare function toRef<T>(r: T): Ref<T>;
+export declare function toRef<T extends object, K extends keyof T>(object: T, key: K): ToRef<T[K]>;
+export declare function toRef<T extends object, K extends keyof T>(object: T, key: K, defaultValue: T[K]): ToRef<Exclude<T[K], undefined>>;
+/**
+ * @deprecated use `toRef` instead
+ */
+export declare const resolveRef: typeof toRef;

package/es/hooks/toRef/index.mjs

@@ -0,0 +1,19 @@
+import { noop } from "../utils/is.mjs";
+import { customRef, readonly, ref, toRef as toRef$1 } from "vue";
+//#region packages/hooks/toRef/index.ts
+function toRef(...args) {
+	if (args.length !== 1) return toRef$1(...args);
+	const r = args[0];
+	return typeof r === "function" ? readonly(customRef(() => ({
+		get: r,
+		set: noop
+	}))) : ref(r);
+}
+/**
+* @deprecated use `toRef` instead
+*/
+var resolveRef = toRef;
+//#endregion
+export { resolveRef, toRef };
+
+//# sourceMappingURL=index.mjs.map

package/es/hooks/toRef/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/hooks/toRef/index.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter, Ref, ToRef } from 'vue'\r\nimport { customRef, ref as deepRef, readonly, toRef as vueToRef } from 'vue'\r\nimport { noop } from '../utils/is'\r\n\r\n/**\r\n * Normalize value/ref/getter to `ref` or `computed`.\r\n */\r\nexport function toRef<T>(r: () => T): Readonly<Ref<T>>\r\nexport function toRef<T>(r: ComputedRef<T>): ComputedRef<T>\r\nexport function toRef<T>(r: MaybeRefOrGetter<T>): Ref<T>\r\nexport function toRef<T>(r: T): Ref<T>\r\nexport function toRef<T extends object, K extends keyof T>(object: T, key: K): ToRef<T[K]>\r\nexport function toRef<T extends object, K extends keyof T>(\r\n  object: T,\r\n  key: K,\r\n  defaultValue: T[K],\r\n): ToRef<Exclude<T[K], undefined>>\r\nexport function toRef(...args: any[]) {\r\n  if (args.length !== 1) return vueToRef(...(args as [any, any]))\r\n  const r = args[0]\r\n  return typeof r === 'function' ? readonly(customRef(() => ({ get: r as any, set: noop }))) : deepRef(r)\r\n}\r\n\r\n/**\r\n * @deprecated use `toRef` instead\r\n */\r\nexport const resolveRef = toRef\r\n"],"mappings":";;;AAiBA,SAAgB,MAAM,GAAG,MAAa;AACpC,KAAI,KAAK,WAAW,EAAG,QAAO,QAAS,GAAI,KAAoB;CAC/D,MAAM,IAAI,KAAK;AACf,QAAO,OAAO,MAAM,aAAa,SAAS,iBAAiB;EAAE,KAAK;EAAU,KAAK;EAAM,EAAE,CAAC,GAAG,IAAQ,EAAE;;;;;AAMzG,IAAa,aAAa"}

package/es/hooks/tryOnScopeDispose/index.d.ts

@@ -0,0 +1,7 @@
+import type { Fn } from '../utils/index.js';
+/**
+ * Call onScopeDispose() if it's inside an effect scope lifecycle, if not, do nothing
+ *
+ * @param fn
+ */
+export declare function tryOnScopeDispose(fn: Fn): boolean;