zcw-shared 1.21.0 → 1.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/functions/algorithm/binarySearch.d.ts +3 -0
- package/dist/functions/algorithm/binarySearch.js +58 -0
- package/dist/functions/algorithm/binarySearch.js.map +1 -0
- package/dist/functions/algorithm/canJump.d.ts +2 -0
- package/dist/functions/algorithm/canJump.js +27 -0
- package/dist/functions/algorithm/canJump.js.map +1 -0
- package/dist/functions/algorithm/climbStairs.d.ts +2 -0
- package/dist/functions/algorithm/climbStairs.js +27 -0
- package/dist/functions/algorithm/climbStairs.js.map +1 -0
- package/dist/functions/algorithm/coinChange.d.ts +2 -0
- package/dist/functions/algorithm/coinChange.js +25 -0
- package/dist/functions/algorithm/coinChange.js.map +1 -0
- package/dist/functions/algorithm/combinationSum.d.ts +1 -0
- package/dist/functions/algorithm/combinationSum.js +24 -0
- package/dist/functions/algorithm/combinationSum.js.map +1 -0
- package/dist/functions/algorithm/editDistance.d.ts +2 -0
- package/dist/functions/algorithm/editDistance.js +96 -0
- package/dist/functions/algorithm/editDistance.js.map +1 -0
- package/dist/functions/algorithm/generateParenthesis.d.ts +1 -0
- package/dist/functions/algorithm/generateParenthesis.js +18 -0
- package/dist/functions/algorithm/generateParenthesis.js.map +1 -0
- package/dist/functions/algorithm/kmp.d.ts +2 -0
- package/dist/functions/algorithm/kmp.js +58 -0
- package/dist/functions/algorithm/kmp.js.map +1 -0
- package/dist/functions/algorithm/knapsack01.d.ts +2 -0
- package/dist/functions/algorithm/knapsack01.js +34 -0
- package/dist/functions/algorithm/knapsack01.js.map +1 -0
- package/dist/functions/algorithm/lengthOfLongestSubstring.d.ts +2 -0
- package/dist/functions/algorithm/lengthOfLongestSubstring.js +33 -0
- package/dist/functions/algorithm/lengthOfLongestSubstring.js.map +1 -0
- package/dist/functions/algorithm/longestCommonSubsequence.d.ts +2 -0
- package/dist/functions/algorithm/longestCommonSubsequence.js +37 -0
- package/dist/functions/algorithm/longestCommonSubsequence.js.map +1 -0
- package/dist/functions/algorithm/longestIncreasingSubsequence.d.ts +2 -0
- package/dist/functions/algorithm/longestIncreasingSubsequence.js +49 -0
- package/dist/functions/algorithm/longestIncreasingSubsequence.js.map +1 -0
- package/dist/functions/algorithm/maxArea.d.ts +1 -0
- package/dist/functions/algorithm/maxArea.js +19 -0
- package/dist/functions/algorithm/maxArea.js.map +1 -0
- package/dist/functions/algorithm/maxProfit.d.ts +2 -0
- package/dist/functions/algorithm/maxProfit.js +23 -0
- package/dist/functions/algorithm/maxProfit.js.map +1 -0
- package/dist/functions/algorithm/meetingRooms.d.ts +6 -0
- package/dist/functions/algorithm/meetingRooms.js +31 -0
- package/dist/functions/algorithm/meetingRooms.js.map +1 -0
- package/dist/functions/algorithm/mergeSort.d.ts +2 -0
- package/dist/functions/algorithm/mergeSort.js +72 -0
- package/dist/functions/algorithm/mergeSort.js.map +1 -0
- package/dist/functions/algorithm/minPathSum.d.ts +2 -0
- package/dist/functions/algorithm/minPathSum.js +39 -0
- package/dist/functions/algorithm/minPathSum.js.map +1 -0
- package/dist/functions/algorithm/minWindow.d.ts +1 -0
- package/dist/functions/algorithm/minWindow.js +40 -0
- package/dist/functions/algorithm/minWindow.js.map +1 -0
- package/dist/functions/algorithm/nQueens.d.ts +1 -0
- package/dist/functions/algorithm/nQueens.js +30 -0
- package/dist/functions/algorithm/nQueens.js.map +1 -0
- package/dist/functions/algorithm/numIslands.d.ts +2 -0
- package/dist/functions/algorithm/numIslands.js +59 -0
- package/dist/functions/algorithm/numIslands.js.map +1 -0
- package/dist/functions/algorithm/permutations.d.ts +1 -0
- package/dist/functions/algorithm/permutations.js +22 -0
- package/dist/functions/algorithm/permutations.js.map +1 -0
- package/dist/functions/algorithm/quickSort.d.ts +3 -0
- package/dist/functions/algorithm/quickSort.js +68 -0
- package/dist/functions/algorithm/quickSort.js.map +1 -0
- package/dist/functions/algorithm/rabinKarp.d.ts +1 -0
- package/dist/functions/algorithm/rabinKarp.js +40 -0
- package/dist/functions/algorithm/rabinKarp.js.map +1 -0
- package/dist/functions/algorithm/taskScheduler.d.ts +1 -0
- package/dist/functions/algorithm/taskScheduler.js +15 -0
- package/dist/functions/algorithm/taskScheduler.js.map +1 -0
- package/dist/functions/algorithm/threeSum.d.ts +2 -0
- package/dist/functions/algorithm/threeSum.js +56 -0
- package/dist/functions/algorithm/threeSum.js.map +1 -0
- package/dist/functions/algorithm/topologicalSort.d.ts +6 -0
- package/dist/functions/algorithm/topologicalSort.js +68 -0
- package/dist/functions/algorithm/topologicalSort.js.map +1 -0
- package/dist/functions/algorithm/trap.d.ts +2 -0
- package/dist/functions/algorithm/trap.js +51 -0
- package/dist/functions/algorithm/trap.js.map +1 -0
- package/dist/functions/algorithm/visualizeGarbageCollection.d.ts +44 -0
- package/dist/functions/algorithm/visualizeGarbageCollection.js +263 -0
- package/dist/functions/algorithm/visualizeGarbageCollection.js.map +1 -0
- package/dist/functions/array-object/chunk.d.ts +1 -0
- package/dist/functions/array-object/chunk.js +11 -0
- package/dist/functions/array-object/chunk.js.map +1 -0
- package/dist/functions/array-object/evolve.d.ts +3 -0
- package/dist/functions/array-object/evolve.js +15 -0
- package/dist/functions/array-object/evolve.js.map +1 -0
- package/dist/functions/array-object/flattenObject.d.ts +5 -0
- package/dist/functions/array-object/flattenObject.js +102 -0
- package/dist/functions/array-object/flattenObject.js.map +1 -0
- package/dist/functions/array-object/groupBy.d.ts +1 -0
- package/dist/functions/array-object/groupBy.js +14 -0
- package/dist/functions/array-object/groupBy.js.map +1 -0
- package/dist/functions/array-object/omit.d.ts +1 -0
- package/dist/functions/array-object/omit.js +8 -0
- package/dist/functions/array-object/omit.js.map +1 -0
- package/dist/functions/array-object/pick.d.ts +1 -0
- package/dist/functions/array-object/pick.js +10 -0
- package/dist/functions/array-object/pick.js.map +1 -0
- package/dist/functions/array-object/shuffle.d.ts +1 -0
- package/dist/functions/array-object/shuffle.js +9 -0
- package/dist/functions/array-object/shuffle.js.map +1 -0
- package/dist/functions/array-object/sortBy.d.ts +1 -0
- package/dist/functions/array-object/sortBy.js +13 -0
- package/dist/functions/array-object/sortBy.js.map +1 -0
- package/dist/functions/async/cachedAsync.d.ts +27 -0
- package/dist/functions/async/cachedAsync.js +123 -0
- package/dist/functions/async/cachedAsync.js.map +1 -0
- package/dist/functions/async/promiseLimit.d.ts +10 -0
- package/dist/functions/async/promiseLimit.js +125 -0
- package/dist/functions/async/promiseLimit.js.map +1 -0
- package/dist/functions/async/retryWithBackoff.d.ts +12 -0
- package/dist/functions/async/retryWithBackoff.js +29 -0
- package/dist/functions/async/retryWithBackoff.js.map +1 -0
- package/dist/functions/browser/detectBrowser.d.ts +39 -0
- package/dist/functions/browser/detectBrowser.js +193 -0
- package/dist/functions/browser/detectBrowser.js.map +1 -0
- package/dist/functions/browser/detectOS.d.ts +5 -0
- package/dist/functions/browser/detectOS.js +20 -0
- package/dist/functions/browser/detectOS.js.map +1 -0
- package/dist/functions/browser/isMobile.d.ts +6 -0
- package/dist/functions/browser/isMobile.js +5 -0
- package/dist/functions/browser/isMobile.js.map +1 -0
- package/dist/functions/data-structures/AVLTree.d.ts +19 -0
- package/dist/functions/data-structures/AVLTree.js +197 -0
- package/dist/functions/data-structures/AVLTree.js.map +1 -0
- package/dist/functions/data-structures/BinarySearchTree.d.ts +19 -0
- package/dist/functions/data-structures/BinarySearchTree.js +150 -0
- package/dist/functions/data-structures/BinarySearchTree.js.map +1 -0
- package/dist/functions/data-structures/Graph.d.ts +19 -0
- package/dist/functions/data-structures/Graph.js +190 -0
- package/dist/functions/data-structures/Graph.js.map +1 -0
- package/dist/functions/data-structures/HashMap.d.ts +13 -0
- package/dist/functions/data-structures/HashMap.js +128 -0
- package/dist/functions/data-structures/HashMap.js.map +1 -0
- package/dist/functions/data-structures/LRUCache.d.ts +41 -0
- package/dist/functions/data-structures/LRUCache.js +182 -0
- package/dist/functions/data-structures/LRUCache.js.map +1 -0
- package/dist/functions/data-structures/Trie.d.ts +16 -0
- package/dist/functions/data-structures/Trie.js +127 -0
- package/dist/functions/data-structures/Trie.js.map +1 -0
- package/dist/functions/data-structures/UnionFind.d.ts +8 -0
- package/dist/functions/data-structures/UnionFind.js +53 -0
- package/dist/functions/data-structures/UnionFind.js.map +1 -0
- package/dist/functions/date/dateRange.d.ts +1 -0
- package/dist/functions/date/dateRange.js +18 -0
- package/dist/functions/date/dateRange.js.map +1 -0
- package/dist/functions/date/formatDate.d.ts +1 -0
- package/dist/functions/date/formatDate.js +21 -0
- package/dist/functions/date/formatDate.js.map +1 -0
- package/dist/functions/date/timeAgo.d.ts +1 -0
- package/dist/functions/date/timeAgo.js +49 -0
- package/dist/functions/date/timeAgo.js.map +1 -0
- package/dist/functions/dom/createThrottledEventListener.d.ts +11 -0
- package/dist/functions/dom/createThrottledEventListener.js +51 -0
- package/dist/functions/dom/createThrottledEventListener.js.map +1 -0
- package/dist/functions/file/formatFileSize.d.ts +1 -0
- package/dist/functions/file/formatFileSize.js +16 -0
- package/dist/functions/file/formatFileSize.js.map +1 -0
- package/dist/functions/file/getFileExtension.d.ts +5 -0
- package/dist/functions/file/getFileExtension.js +18 -0
- package/dist/functions/file/getFileExtension.js.map +1 -0
- package/dist/functions/functional/cond.d.ts +1 -0
- package/dist/functions/functional/cond.js +15 -0
- package/dist/functions/functional/cond.js.map +1 -0
- package/dist/functions/functional/curryAdvanced.d.ts +8 -0
- package/dist/functions/functional/curryAdvanced.js +87 -0
- package/dist/functions/functional/curryAdvanced.js.map +1 -0
- package/dist/functions/functional/flow.d.ts +1 -0
- package/dist/functions/functional/flow.js +14 -0
- package/dist/functions/functional/flow.js.map +1 -0
- package/dist/functions/functional/partial.d.ts +1 -0
- package/dist/functions/functional/partial.js +13 -0
- package/dist/functions/functional/partial.js.map +1 -0
- package/dist/functions/functional/tap.d.ts +1 -0
- package/dist/functions/functional/tap.js +14 -0
- package/dist/functions/functional/tap.js.map +1 -0
- package/dist/functions/functional/until.d.ts +1 -0
- package/dist/functions/functional/until.js +10 -0
- package/dist/functions/functional/until.js.map +1 -0
- package/dist/functions/math/average.d.ts +1 -0
- package/dist/functions/math/average.js +8 -0
- package/dist/functions/math/average.js.map +1 -0
- package/dist/functions/math/median.d.ts +1 -0
- package/dist/functions/math/median.js +14 -0
- package/dist/functions/math/median.js.map +1 -0
- package/dist/functions/math/percentile.d.ts +1 -0
- package/dist/functions/math/percentile.js +18 -0
- package/dist/functions/math/percentile.js.map +1 -0
- package/dist/functions/math/sum.d.ts +1 -0
- package/dist/functions/math/sum.js +4 -0
- package/dist/functions/math/sum.js.map +1 -0
- package/dist/functions/number/clamp.d.ts +1 -0
- package/dist/functions/number/clamp.js +7 -0
- package/dist/functions/number/clamp.js.map +1 -0
- package/dist/functions/number/formatNumber.d.ts +8 -0
- package/dist/functions/number/formatNumber.js +16 -0
- package/dist/functions/number/formatNumber.js.map +1 -0
- package/dist/functions/number/random.d.ts +4 -0
- package/dist/functions/number/random.js +9 -0
- package/dist/functions/number/random.js.map +1 -0
- package/dist/functions/number/range.d.ts +1 -0
- package/dist/functions/number/range.js +18 -0
- package/dist/functions/number/range.js.map +1 -0
- package/dist/functions/patterns/EventEmitter.d.ts +32 -0
- package/dist/functions/patterns/EventEmitter.js +108 -0
- package/dist/functions/patterns/EventEmitter.js.map +1 -0
- package/dist/functions/patterns/adapter.d.ts +8 -0
- package/dist/functions/patterns/adapter.js +14 -0
- package/dist/functions/patterns/adapter.js.map +1 -0
- package/dist/functions/patterns/builder.d.ts +9 -0
- package/dist/functions/patterns/builder.js +28 -0
- package/dist/functions/patterns/builder.js.map +1 -0
- package/dist/functions/patterns/chainOfResponsibility.d.ts +9 -0
- package/dist/functions/patterns/chainOfResponsibility.js +19 -0
- package/dist/functions/patterns/chainOfResponsibility.js.map +1 -0
- package/dist/functions/patterns/command.d.ts +15 -0
- package/dist/functions/patterns/command.js +49 -0
- package/dist/functions/patterns/command.js.map +1 -0
- package/dist/functions/patterns/decorator.d.ts +10 -0
- package/dist/functions/patterns/decorator.js +72 -0
- package/dist/functions/patterns/decorator.js.map +1 -0
- package/dist/functions/patterns/factory.d.ts +8 -0
- package/dist/functions/patterns/factory.js +25 -0
- package/dist/functions/patterns/factory.js.map +1 -0
- package/dist/functions/patterns/observer.d.ts +19 -0
- package/dist/functions/patterns/observer.js +89 -0
- package/dist/functions/patterns/observer.js.map +1 -0
- package/dist/functions/patterns/prototype.d.ts +4 -0
- package/dist/functions/patterns/prototype.js +30 -0
- package/dist/functions/patterns/prototype.js.map +1 -0
- package/dist/functions/patterns/proxy.d.ts +8 -0
- package/dist/functions/patterns/proxy.js +41 -0
- package/dist/functions/patterns/proxy.js.map +1 -0
- package/dist/functions/patterns/singleton.d.ts +11 -0
- package/dist/functions/patterns/singleton.js +32 -0
- package/dist/functions/patterns/singleton.js.map +1 -0
- package/dist/functions/patterns/strategy.d.ts +12 -0
- package/dist/functions/patterns/strategy.js +34 -0
- package/dist/functions/patterns/strategy.js.map +1 -0
- package/dist/functions/patterns/templateMethod.d.ts +8 -0
- package/dist/functions/patterns/templateMethod.js +19 -0
- package/dist/functions/patterns/templateMethod.js.map +1 -0
- package/dist/functions/patterns/usePluginSystem.d.ts +11 -0
- package/dist/functions/patterns/usePluginSystem.js +34 -0
- package/dist/functions/patterns/usePluginSystem.js.map +1 -0
- package/dist/functions/performance/once.d.ts +1 -0
- package/dist/functions/performance/once.js +13 -0
- package/dist/functions/performance/once.js.map +1 -0
- package/dist/functions/performance/useCache.d.ts +18 -0
- package/dist/functions/performance/useCache.js +82 -0
- package/dist/functions/performance/useCache.js.map +1 -0
- package/dist/functions/principles/MyPromise.d.ts +32 -0
- package/dist/functions/principles/MyPromise.js +254 -0
- package/dist/functions/principles/MyPromise.js.map +1 -0
- package/dist/functions/promise/sleep.d.ts +5 -0
- package/dist/functions/promise/sleep.js +6 -0
- package/dist/functions/promise/sleep.js.map +1 -0
- package/dist/functions/promise/timeout.d.ts +6 -0
- package/dist/functions/promise/timeout.js +12 -0
- package/dist/functions/promise/timeout.js.map +1 -0
- package/dist/functions/storage/useLocalStorage.d.ts +8 -0
- package/dist/functions/storage/useLocalStorage.js +101 -0
- package/dist/functions/storage/useLocalStorage.js.map +1 -0
- package/dist/functions/storage/useSessionStorage.d.ts +8 -0
- package/dist/functions/storage/useSessionStorage.js +101 -0
- package/dist/functions/storage/useSessionStorage.js.map +1 -0
- package/dist/functions/storage/useStorage.d.ts +13 -0
- package/dist/functions/storage/useStorage.js +62 -0
- package/dist/functions/storage/useStorage.js.map +1 -0
- package/dist/functions/storage/useStorageWithIndexedDB.d.ts +8 -0
- package/dist/functions/storage/useStorageWithIndexedDB.js +132 -0
- package/dist/functions/storage/useStorageWithIndexedDB.js.map +1 -0
- package/dist/functions/string/testRegex.d.ts +20 -0
- package/dist/functions/string/testRegex.js +300 -0
- package/dist/functions/string/testRegex.js.map +1 -0
- package/dist/functions/string/visualizeRegexSteps.d.ts +39 -0
- package/dist/functions/string/visualizeRegexSteps.js +446 -0
- package/dist/functions/string/visualizeRegexSteps.js.map +1 -0
- package/dist/functions/tencent-cloud/upload.cos.d.ts +20 -0
- package/dist/functions/tencent-cloud/upload.cos.js +127 -0
- package/dist/functions/tencent-cloud/upload.cos.js.map +1 -0
- package/dist/functions/tree/buildTree.d.ts +7 -0
- package/dist/functions/tree/buildTree.js +27 -0
- package/dist/functions/tree/buildTree.js.map +1 -0
- package/dist/functions/tree/filterTree.d.ts +4 -0
- package/dist/functions/tree/filterTree.js +21 -0
- package/dist/functions/tree/filterTree.js.map +1 -0
- package/dist/functions/tree/findNode.d.ts +4 -0
- package/dist/functions/tree/findNode.js +21 -0
- package/dist/functions/tree/findNode.js.map +1 -0
- package/dist/functions/tree/flattenTree.d.ts +6 -0
- package/dist/functions/tree/flattenTree.js +21 -0
- package/dist/functions/tree/flattenTree.js.map +1 -0
- package/dist/functions/url/buildQueryString.d.ts +5 -0
- package/dist/functions/url/buildQueryString.js +15 -0
- package/dist/functions/url/buildQueryString.js.map +1 -0
- package/dist/functions/url/parseUrl.d.ts +11 -0
- package/dist/functions/url/parseUrl.js +34 -0
- package/dist/functions/url/parseUrl.js.map +1 -0
- package/dist/functions/utils/cachedAsync.d.ts +27 -0
- package/dist/functions/utils/cachedAsync.js +123 -0
- package/dist/functions/utils/cachedAsync.js.map +1 -0
- package/dist/functions/utils/errorManager.d.ts +63 -0
- package/dist/functions/utils/errorManager.js +199 -0
- package/dist/functions/utils/errorManager.js.map +1 -0
- package/dist/functions/utils/useAltool.d.ts +39 -0
- package/dist/functions/utils/useAltool.js +350 -0
- package/dist/functions/utils/useAltool.js.map +1 -0
- package/dist/functions/utils/vueDiff.d.ts +38 -0
- package/dist/functions/utils/vueDiff.js +333 -0
- package/dist/functions/utils/vueDiff.js.map +1 -0
- package/dist/functions/validation/isEmail.d.ts +1 -0
- package/dist/functions/validation/isEmail.js +8 -0
- package/dist/functions/validation/isEmail.js.map +1 -0
- package/dist/functions/validation/isIdCard.d.ts +1 -0
- package/dist/functions/validation/isIdCard.js +49 -0
- package/dist/functions/validation/isIdCard.js.map +1 -0
- package/dist/functions/validation/isIpAddress.d.ts +1 -0
- package/dist/functions/validation/isIpAddress.js +15 -0
- package/dist/functions/validation/isIpAddress.js.map +1 -0
- package/dist/functions/validation/isPhone.d.ts +1 -0
- package/dist/functions/validation/isPhone.js +12 -0
- package/dist/functions/validation/isPhone.js.map +1 -0
- package/dist/functions/validation/isUrl.d.ts +5 -0
- package/dist/functions/validation/isUrl.js +33 -0
- package/dist/functions/validation/isUrl.js.map +1 -0
- package/dist/reactive/createReactive.d.ts +10 -0
- package/dist/reactive/createReactive.js +50 -0
- package/dist/reactive/createReactive.js.map +1 -0
- package/dist/reactive/createReactiveErrorManager.d.ts +63 -0
- package/dist/reactive/createReactiveErrorManager.js +199 -0
- package/dist/reactive/createReactiveErrorManager.js.map +1 -0
- package/dist/reactive/createReactiveI18n.d.ts +27 -0
- package/dist/reactive/createReactiveI18n.js +119 -0
- package/dist/reactive/createReactiveI18n.js.map +1 -0
- package/dist/reactive/createReactivePermission.d.ts +40 -0
- package/dist/reactive/createReactivePermission.js +189 -0
- package/dist/reactive/createReactivePermission.js.map +1 -0
- package/dist/reactive/createReactivePinia.d.ts +52 -0
- package/dist/reactive/createReactivePinia.js +183 -0
- package/dist/reactive/createReactivePinia.js.map +1 -0
- package/dist/reactive/useReactiveCookie.d.ts +19 -0
- package/dist/reactive/useReactiveCookie.js +84 -0
- package/dist/reactive/useReactiveCookie.js.map +1 -0
- package/dist/reactive/useReactiveSSE.d.ts +46 -0
- package/dist/reactive/useReactiveSSE.js +212 -0
- package/dist/reactive/useReactiveSSE.js.map +1 -0
- package/dist/reactive/useReactiveWebsocket.d.ts +50 -0
- package/dist/reactive/useReactiveWebsocket.js +250 -0
- package/dist/reactive/useReactiveWebsocket.js.map +1 -0
- package/dist/vue-hooks/browser/useBattery.d.ts +16 -0
- package/dist/vue-hooks/browser/useBattery.js +70 -0
- package/dist/vue-hooks/browser/useBattery.js.map +1 -0
- package/dist/vue-hooks/browser/useBluetooth.d.ts +25 -0
- package/dist/vue-hooks/browser/useBluetooth.js +72 -0
- package/dist/vue-hooks/browser/useBluetooth.js.map +1 -0
- package/dist/vue-hooks/browser/useCamera.d.ts +21 -0
- package/dist/vue-hooks/browser/useCamera.js +52 -0
- package/dist/vue-hooks/browser/useCamera.js.map +1 -0
- package/dist/vue-hooks/browser/useClipboard.d.ts +18 -0
- package/dist/vue-hooks/browser/useClipboard.js +33 -0
- package/dist/vue-hooks/browser/useClipboard.js.map +1 -0
- package/dist/vue-hooks/browser/useFullscreen.d.ts +20 -0
- package/dist/vue-hooks/browser/useFullscreen.js +73 -0
- package/dist/vue-hooks/browser/useFullscreen.js.map +1 -0
- package/dist/vue-hooks/browser/useGamepad.d.ts +25 -0
- package/dist/vue-hooks/browser/useGamepad.js +69 -0
- package/dist/vue-hooks/browser/useGamepad.js.map +1 -0
- package/dist/vue-hooks/browser/useGeolocation.d.ts +24 -0
- package/dist/vue-hooks/browser/useGeolocation.js +85 -0
- package/dist/vue-hooks/browser/useGeolocation.js.map +1 -0
- package/dist/vue-hooks/browser/useMediaSession.d.ts +19 -0
- package/dist/vue-hooks/browser/useMediaSession.js +71 -0
- package/dist/vue-hooks/browser/useMediaSession.js.map +1 -0
- package/dist/vue-hooks/browser/useMicrophone.d.ts +23 -0
- package/dist/vue-hooks/browser/useMicrophone.js +66 -0
- package/dist/vue-hooks/browser/useMicrophone.js.map +1 -0
- package/dist/vue-hooks/browser/useNetwork.d.ts +23 -0
- package/dist/vue-hooks/browser/useNetwork.js +57 -0
- package/dist/vue-hooks/browser/useNetwork.js.map +1 -0
- package/dist/vue-hooks/browser/useOrientation.d.ts +22 -0
- package/dist/vue-hooks/browser/useOrientation.js +54 -0
- package/dist/vue-hooks/browser/useOrientation.js.map +1 -0
- package/dist/vue-hooks/browser/usePageVisibility.d.ts +15 -0
- package/dist/vue-hooks/browser/usePageVisibility.js +25 -0
- package/dist/vue-hooks/browser/usePageVisibility.js.map +1 -0
- package/dist/vue-hooks/browser/useScreenOrientation.d.ts +24 -0
- package/dist/vue-hooks/browser/useScreenOrientation.js +67 -0
- package/dist/vue-hooks/browser/useScreenOrientation.js.map +1 -0
- package/dist/vue-hooks/browser/useScreenWakeLock.d.ts +15 -0
- package/dist/vue-hooks/browser/useScreenWakeLock.js +57 -0
- package/dist/vue-hooks/browser/useScreenWakeLock.js.map +1 -0
- package/dist/vue-hooks/browser/useShare.d.ts +21 -0
- package/dist/vue-hooks/browser/useShare.js +39 -0
- package/dist/vue-hooks/browser/useShare.js.map +1 -0
- package/dist/vue-hooks/browser/useVibration.d.ts +17 -0
- package/dist/vue-hooks/browser/useVibration.js +40 -0
- package/dist/vue-hooks/browser/useVibration.js.map +1 -0
- package/dist/vue-hooks/dom/useClickOutside.d.ts +9 -0
- package/dist/vue-hooks/dom/useClickOutside.js +16 -0
- package/dist/vue-hooks/dom/useClickOutside.js.map +1 -0
- package/dist/vue-hooks/dom/useDraggable.d.ts +33 -0
- package/dist/vue-hooks/dom/useDraggable.js +163 -0
- package/dist/vue-hooks/dom/useDraggable.js.map +1 -0
- package/dist/vue-hooks/dom/useEventListener.d.ts +11 -0
- package/dist/vue-hooks/dom/useEventListener.js +18 -0
- package/dist/vue-hooks/dom/useEventListener.js.map +1 -0
- package/dist/vue-hooks/dom/useResizable.d.ts +50 -0
- package/dist/vue-hooks/dom/useResizable.js +178 -0
- package/dist/vue-hooks/dom/useResizable.js.map +1 -0
- package/dist/vue-hooks/history/useDebouncedRefHistory.d.ts +17 -0
- package/dist/vue-hooks/history/useDebouncedRefHistory.js +46 -0
- package/dist/vue-hooks/history/useDebouncedRefHistory.js.map +1 -0
- package/dist/vue-hooks/history/useManualRefHistory.d.ts +26 -0
- package/dist/vue-hooks/history/useManualRefHistory.js +80 -0
- package/dist/vue-hooks/history/useManualRefHistory.js.map +1 -0
- package/dist/vue-hooks/history/useRefHistory.d.ts +15 -0
- package/dist/vue-hooks/history/useRefHistory.js +41 -0
- package/dist/vue-hooks/history/useRefHistory.js.map +1 -0
- package/dist/vue-hooks/state/createGlobalState.d.ts +2 -0
- package/dist/vue-hooks/state/createGlobalState.js +11 -0
- package/dist/vue-hooks/state/createGlobalState.js.map +1 -0
- package/dist/vue-hooks/state/createInjectionState.d.ts +10 -0
- package/dist/vue-hooks/state/createInjectionState.js +20 -0
- package/dist/vue-hooks/state/createInjectionState.js.map +1 -0
- package/dist/vue-hooks/state/createSharedComposable.d.ts +2 -0
- package/dist/vue-hooks/state/createSharedComposable.js +13 -0
- package/dist/vue-hooks/state/createSharedComposable.js.map +1 -0
- package/dist/vue-hooks/state/injectLocal.d.ts +8 -0
- package/dist/vue-hooks/state/injectLocal.js +12 -0
- package/dist/vue-hooks/state/injectLocal.js.map +1 -0
- package/dist/vue-hooks/state/provideLocal.d.ts +7 -0
- package/dist/vue-hooks/state/provideLocal.js +7 -0
- package/dist/vue-hooks/state/provideLocal.js.map +1 -0
- package/dist/vue-hooks/state/useAsyncState.d.ts +27 -0
- package/dist/vue-hooks/state/useAsyncState.js +46 -0
- package/dist/vue-hooks/state/useAsyncState.js.map +1 -0
- package/dist/vue-hooks/state/useCounter.d.ts +17 -0
- package/dist/vue-hooks/state/useCounter.js +44 -0
- package/dist/vue-hooks/state/useCounter.js.map +1 -0
- package/dist/vue-hooks/state/useToggle.d.ts +13 -0
- package/dist/vue-hooks/state/useToggle.js +23 -0
- package/dist/vue-hooks/state/useToggle.js.map +1 -0
- package/dist/vue-hooks/time/useInterval.d.ts +16 -0
- package/dist/vue-hooks/time/useInterval.js +33 -0
- package/dist/vue-hooks/time/useInterval.js.map +1 -0
- package/dist/vue-hooks/time/useTimeout.d.ts +17 -0
- package/dist/vue-hooks/time/useTimeout.js +40 -0
- package/dist/vue-hooks/time/useTimeout.js.map +1 -0
- package/dist/vue-hooks/worker/useWebWorker.d.ts +25 -0
- package/dist/vue-hooks/worker/useWebWorker.js +207 -0
- package/dist/vue-hooks/worker/useWebWorker.js.map +1 -0
- package/dist/vue-hooks/worker/useWorkerFunction.d.ts +26 -0
- package/dist/vue-hooks/worker/useWorkerFunction.js +191 -0
- package/dist/vue-hooks/worker/useWorkerFunction.js.map +1 -0
- package/dist/vue-hooks/worker/useWorkerPool.d.ts +33 -0
- package/dist/vue-hooks/worker/useWorkerPool.js +247 -0
- package/dist/vue-hooks/worker/useWorkerPool.js.map +1 -0
- package/package.json +178 -65
- package/references/browser.d.ts +16 -0
- package/references/device.d.ts +340 -0
- package/references/dom.d.ts +31 -6
- package/references/eventsource.d.ts +121 -0
- package/references/node.d.ts +2 -0
- package/references/tencent-cloud.d.ts +38 -0
- package/references/websocket.d.ts +121 -0
- package/types/algorithm-visual.d.ts +79 -0
- package/types/algorithm.d.ts +85 -0
- package/types/tencent-cloud.d.ts +29 -0
- package/types/vue.d.ts +22 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOrientation.js","sourceRoot":"","sources":["../../../src/vue-hooks/browser/useOrientation.ts"],"names":[],"mappings":"AA4EA,MAAM,UAAU,cAAc,CAAC,IAAwB;IACrD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,IAAI,CAAC,QAAQ,CAAC,CAAA;IACxD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,KAAK,CAAC,CAAA;IAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IAC/C,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IACvD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IACvD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IACvD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IAG/C,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAQ,EAAE;QAC7C,MAAM,CAAC,GAAG,KAA+B,CAAA;QACzC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAA;QAC7B,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAA;QACrB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAA;QACnB,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAA;QACrB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;IACpB,CAAC,CAAA;IAGD,MAAM,YAAY,GAAG,CAAC,KAAU,EAAQ,EAAE;QACxC,MAAM,CAAC,GAAG,KAA0B,CAAA;QACpC,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC;YACnB,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,CAAA;YACtC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,CAAA;YACtC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,CAAA;QACxC,CAAC;QACD,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;IACpB,CAAC,CAAA;IAGD,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE;QACtB,IAAI,CAAC;YACH,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,CAAA;YAC9C,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAA;QACtC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YACzB,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAA;QACjE,CAAC;IACH,CAAC,CAAC,CAAA;IAGF,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,CAAA;QACjD,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,WAAW;QACX,UAAU;QACV,KAAK;QACL,IAAI;QACJ,KAAK;QACL,aAAa;QACb,aAAa;QACb,aAAa;QACb,KAAK;KACN,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Ref } from '../../../references/vue.d';
|
|
2
|
+
import type { VueCompositionAPI } from '../../../types/vue.d';
|
|
3
|
+
export interface UsePageVisibilityDeps {
|
|
4
|
+
vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onMounted' | 'onUnmounted'>;
|
|
5
|
+
getHidden: () => boolean;
|
|
6
|
+
getVisibilityState: () => 'visible' | 'hidden' | 'prerender';
|
|
7
|
+
addEventListener: (type: 'visibilitychange', listener: () => void) => void;
|
|
8
|
+
removeEventListener: (type: 'visibilitychange', listener: () => void) => void;
|
|
9
|
+
}
|
|
10
|
+
export interface UsePageVisibilityReturn {
|
|
11
|
+
isSupported: Ref<boolean>;
|
|
12
|
+
isVisible: Ref<boolean>;
|
|
13
|
+
visibilityState: Ref<'visible' | 'hidden' | 'prerender'>;
|
|
14
|
+
}
|
|
15
|
+
export declare function usePageVisibility(deps: UsePageVisibilityDeps): UsePageVisibilityReturn;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export function usePageVisibility(deps) {
|
|
2
|
+
const isSupported = deps.vue.ref(!!deps.getHidden);
|
|
3
|
+
const isVisible = deps.vue.ref(!deps.getHidden());
|
|
4
|
+
const visibilityState = deps.vue.ref(deps.getVisibilityState());
|
|
5
|
+
const handleVisibilityChange = () => {
|
|
6
|
+
isVisible.value = !deps.getHidden();
|
|
7
|
+
visibilityState.value = deps.getVisibilityState();
|
|
8
|
+
};
|
|
9
|
+
deps.vue.onMounted(() => {
|
|
10
|
+
if (!isSupported.value) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
deps.addEventListener('visibilitychange', handleVisibilityChange);
|
|
14
|
+
handleVisibilityChange();
|
|
15
|
+
});
|
|
16
|
+
deps.vue.onUnmounted(() => {
|
|
17
|
+
deps.removeEventListener('visibilitychange', handleVisibilityChange);
|
|
18
|
+
});
|
|
19
|
+
return {
|
|
20
|
+
isSupported,
|
|
21
|
+
isVisible,
|
|
22
|
+
visibilityState
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=usePageVisibility.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePageVisibility.js","sourceRoot":"","sources":["../../../src/vue-hooks/browser/usePageVisibility.ts"],"names":[],"mappings":"AA2DA,MAAM,UAAU,iBAAiB,CAAC,IAA2B;IAC3D,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;IAC1D,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAqC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAA;IAGnG,MAAM,sBAAsB,GAAG,GAAS,EAAE;QACxC,SAAS,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,CAAA;QACnC,eAAe,CAAC,KAAK,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAA;IACnD,CAAC,CAAA;IAGD,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE;QACtB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YACvB,OAAM;QACR,CAAC;QAED,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAA;QAGjE,sBAAsB,EAAE,CAAA;IAC1B,CAAC,CAAC,CAAA;IAGF,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAA;IACtE,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,WAAW;QACX,SAAS;QACT,eAAe;KAChB,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { Ref } from '../../../references/vue.d';
|
|
2
|
+
import type { VueCompositionAPI } from '../../../types/vue.d';
|
|
3
|
+
export type OrientationType = 'portrait-primary' | 'portrait-secondary' | 'landscape-primary' | 'landscape-secondary';
|
|
4
|
+
export type OrientationLockType = 'any' | 'natural' | 'landscape' | 'portrait' | 'portrait-primary' | 'portrait-secondary' | 'landscape-primary' | 'landscape-secondary';
|
|
5
|
+
export interface UseScreenOrientationDeps {
|
|
6
|
+
vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onMounted' | 'onUnmounted'>;
|
|
7
|
+
getType: () => OrientationType;
|
|
8
|
+
getAngle: () => number;
|
|
9
|
+
lock: (orientation: OrientationLockType) => Promise<void>;
|
|
10
|
+
unlock: () => void;
|
|
11
|
+
addEventListener: (type: 'change', listener: () => void) => void;
|
|
12
|
+
removeEventListener: (type: 'change', listener: () => void) => void;
|
|
13
|
+
isMobile: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface UseScreenOrientationReturn {
|
|
16
|
+
isSupported: Ref<boolean>;
|
|
17
|
+
orientation: Ref<OrientationType>;
|
|
18
|
+
angle: Ref<number>;
|
|
19
|
+
isLocked: Ref<boolean>;
|
|
20
|
+
error: Ref<string | null>;
|
|
21
|
+
lock: (orientation: OrientationLockType) => Promise<void>;
|
|
22
|
+
unlock: () => void;
|
|
23
|
+
}
|
|
24
|
+
export declare function useScreenOrientation(deps: UseScreenOrientationDeps): UseScreenOrientationReturn;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
export function useScreenOrientation(deps) {
|
|
2
|
+
const isSupported = deps.vue.ref(!!deps.getType && deps.isMobile);
|
|
3
|
+
const orientation = deps.vue.ref('portrait-primary');
|
|
4
|
+
const angle = deps.vue.ref(0);
|
|
5
|
+
const isLocked = deps.vue.ref(false);
|
|
6
|
+
const error = deps.vue.ref(null);
|
|
7
|
+
const handleOrientationChange = () => {
|
|
8
|
+
try {
|
|
9
|
+
orientation.value = deps.getType();
|
|
10
|
+
angle.value = deps.getAngle();
|
|
11
|
+
}
|
|
12
|
+
catch (err) {
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
const lock = async (orientationType) => {
|
|
16
|
+
if (!isSupported.value) {
|
|
17
|
+
error.value = '浏览器不支持屏幕方向锁定 API';
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
try {
|
|
21
|
+
await deps.lock(orientationType);
|
|
22
|
+
isLocked.value = true;
|
|
23
|
+
error.value = null;
|
|
24
|
+
}
|
|
25
|
+
catch (err) {
|
|
26
|
+
error.value = err instanceof Error ? err.message : '锁定屏幕方向失败';
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
const unlock = () => {
|
|
30
|
+
if (!isSupported.value) {
|
|
31
|
+
error.value = '浏览器不支持屏幕方向锁定 API';
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
try {
|
|
35
|
+
deps.unlock();
|
|
36
|
+
isLocked.value = false;
|
|
37
|
+
error.value = null;
|
|
38
|
+
}
|
|
39
|
+
catch (err) {
|
|
40
|
+
error.value = err instanceof Error ? err.message : '解锁屏幕方向失败';
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
deps.vue.onMounted(() => {
|
|
44
|
+
if (!isSupported.value) {
|
|
45
|
+
error.value = '浏览器不支持屏幕方向 API(仅移动设备支持)';
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
deps.addEventListener('change', handleOrientationChange);
|
|
49
|
+
handleOrientationChange();
|
|
50
|
+
});
|
|
51
|
+
deps.vue.onUnmounted(() => {
|
|
52
|
+
deps.removeEventListener('change', handleOrientationChange);
|
|
53
|
+
if (isLocked.value) {
|
|
54
|
+
unlock();
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
return {
|
|
58
|
+
isSupported,
|
|
59
|
+
orientation,
|
|
60
|
+
angle,
|
|
61
|
+
isLocked,
|
|
62
|
+
error,
|
|
63
|
+
lock,
|
|
64
|
+
unlock
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=useScreenOrientation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useScreenOrientation.js","sourceRoot":"","sources":["../../../src/vue-hooks/browser/useScreenOrientation.ts"],"names":[],"mappings":"AAgGA,MAAM,UAAU,oBAAoB,CAAC,IAA8B;IACjE,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC1E,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAkB,kBAAkB,CAAC,CAAA;IACrE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAS,CAAC,CAAC,CAAA;IACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,KAAK,CAAC,CAAA;IAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IAG/C,MAAM,uBAAuB,GAAG,GAAS,EAAE;QACzC,IAAI,CAAC;YACH,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;YAClC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;QAC/B,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;QAEf,CAAC;IACH,CAAC,CAAA;IAGD,MAAM,IAAI,GAAG,KAAK,EAAE,eAAoC,EAAiB,EAAE;QACzE,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,kBAAkB,CAAA;YAChC,OAAM;QACR,CAAC;QAED,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;YAChC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAA;YACrB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;QACpB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAA;QAC/D,CAAC;IACH,CAAC,CAAA;IAGD,MAAM,MAAM,GAAG,GAAS,EAAE;QACxB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,kBAAkB,CAAA;YAChC,OAAM;QACR,CAAC;QAED,IAAI,CAAC;YACH,IAAI,CAAC,MAAM,EAAE,CAAA;YACb,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;YACtB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;QACpB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAA;QAC/D,CAAC;IACH,CAAC,CAAA;IAGD,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE;QACtB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,yBAAyB,CAAA;YACvC,OAAM;QACR,CAAC;QAED,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAA;QACxD,uBAAuB,EAAE,CAAA;IAC3B,CAAC,CAAC,CAAA;IAGF,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAA;QAC3D,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC;YACnB,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,WAAW;QACX,WAAW;QACX,KAAK;QACL,QAAQ;QACR,KAAK;QACL,IAAI;QACJ,MAAM;KACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Ref } from '../../../references/vue.d';
|
|
2
|
+
import type { WakeLockSentinel } from '../../../references/device.d';
|
|
3
|
+
import type { VueCompositionAPI } from '../../../types/vue.d';
|
|
4
|
+
export interface UseScreenWakeLockDeps {
|
|
5
|
+
vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onUnmounted'>;
|
|
6
|
+
requestWakeLock: (type: 'screen') => Promise<WakeLockSentinel>;
|
|
7
|
+
}
|
|
8
|
+
export interface UseScreenWakeLockReturn {
|
|
9
|
+
isSupported: Ref<boolean>;
|
|
10
|
+
isActive: Ref<boolean>;
|
|
11
|
+
error: Ref<string | null>;
|
|
12
|
+
request: () => Promise<void>;
|
|
13
|
+
release: () => Promise<void>;
|
|
14
|
+
}
|
|
15
|
+
export declare function useScreenWakeLock(deps: UseScreenWakeLockDeps): UseScreenWakeLockReturn;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
export function useScreenWakeLock(deps) {
|
|
2
|
+
const isSupported = deps.vue.ref(!!deps.requestWakeLock);
|
|
3
|
+
const isActive = deps.vue.ref(false);
|
|
4
|
+
const error = deps.vue.ref(null);
|
|
5
|
+
let wakeLockSentinel = null;
|
|
6
|
+
const handleRelease = () => {
|
|
7
|
+
isActive.value = false;
|
|
8
|
+
wakeLockSentinel = null;
|
|
9
|
+
};
|
|
10
|
+
const request = async () => {
|
|
11
|
+
if (!isSupported.value) {
|
|
12
|
+
error.value = '浏览器不支持 Wake Lock API';
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
if (isActive.value) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
try {
|
|
19
|
+
wakeLockSentinel = await deps.requestWakeLock('screen');
|
|
20
|
+
isActive.value = true;
|
|
21
|
+
error.value = null;
|
|
22
|
+
wakeLockSentinel.addEventListener('release', handleRelease);
|
|
23
|
+
}
|
|
24
|
+
catch (err) {
|
|
25
|
+
error.value = err instanceof Error ? err.message : '请求屏幕常亮失败';
|
|
26
|
+
isActive.value = false;
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
const release = async () => {
|
|
30
|
+
if (!wakeLockSentinel || !isActive.value) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
try {
|
|
34
|
+
wakeLockSentinel.removeEventListener('release', handleRelease);
|
|
35
|
+
await wakeLockSentinel.release();
|
|
36
|
+
wakeLockSentinel = null;
|
|
37
|
+
isActive.value = false;
|
|
38
|
+
error.value = null;
|
|
39
|
+
}
|
|
40
|
+
catch (err) {
|
|
41
|
+
error.value = err instanceof Error ? err.message : '释放屏幕常亮失败';
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
deps.vue.onUnmounted(() => {
|
|
45
|
+
if (wakeLockSentinel) {
|
|
46
|
+
release();
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
return {
|
|
50
|
+
isSupported,
|
|
51
|
+
isActive,
|
|
52
|
+
error,
|
|
53
|
+
request,
|
|
54
|
+
release
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=useScreenWakeLock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useScreenWakeLock.js","sourceRoot":"","sources":["../../../src/vue-hooks/browser/useScreenWakeLock.ts"],"names":[],"mappings":"AAoDA,MAAM,UAAU,iBAAiB,CAAC,IAA2B;IAC3D,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,KAAK,CAAC,CAAA;IAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IAE/C,IAAI,gBAAgB,GAA4B,IAAI,CAAA;IAGpD,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;QACtB,gBAAgB,GAAG,IAAI,CAAA;IACzB,CAAC,CAAA;IAGD,MAAM,OAAO,GAAG,KAAK,IAAmB,EAAE;QACxC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,sBAAsB,CAAA;YACpC,OAAM;QACR,CAAC;QAED,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC;YACnB,OAAM;QACR,CAAC;QAED,IAAI,CAAC;YACH,gBAAgB,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;YACvD,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAA;YACrB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;YAGlB,gBAAgB,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAC7D,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAA;YAC7D,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAGD,MAAM,OAAO,GAAG,KAAK,IAAmB,EAAE;QACxC,IAAI,CAAC,gBAAgB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;YACzC,OAAM;QACR,CAAC;QAED,IAAI,CAAC;YACH,gBAAgB,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;YAC9D,MAAM,gBAAgB,CAAC,OAAO,EAAE,CAAA;YAChC,gBAAgB,GAAG,IAAI,CAAA;YACvB,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;YACtB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;QACpB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAA;QAC/D,CAAC;IACH,CAAC,CAAA;IAGD,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE;QACxB,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO,EAAE,CAAA;QACX,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,WAAW;QACX,QAAQ;QACR,KAAK;QACL,OAAO;QACP,OAAO;KACR,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { Ref } from '../../../references/vue.d';
|
|
2
|
+
import type { File } from '../../../references/browser.d';
|
|
3
|
+
import type { VueCompositionAPI } from '../../../types/vue.d';
|
|
4
|
+
export interface ShareData {
|
|
5
|
+
title?: string;
|
|
6
|
+
text?: string;
|
|
7
|
+
url?: string;
|
|
8
|
+
files?: File[];
|
|
9
|
+
}
|
|
10
|
+
export interface UseShareDeps {
|
|
11
|
+
vue: Pick<Required<VueCompositionAPI>, 'ref'>;
|
|
12
|
+
canShare?: (data: ShareData) => boolean;
|
|
13
|
+
share: (data: ShareData) => Promise<void>;
|
|
14
|
+
}
|
|
15
|
+
export interface UseShareReturn {
|
|
16
|
+
isSupported: Ref<boolean>;
|
|
17
|
+
isSharing: Ref<boolean>;
|
|
18
|
+
error: Ref<string | null>;
|
|
19
|
+
share: (data: ShareData) => Promise<boolean>;
|
|
20
|
+
}
|
|
21
|
+
export declare function useShare(deps: UseShareDeps): UseShareReturn;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export function useShare(deps) {
|
|
2
|
+
const isSupported = deps.vue.ref(!!deps.share);
|
|
3
|
+
const isSharing = deps.vue.ref(false);
|
|
4
|
+
const error = deps.vue.ref(null);
|
|
5
|
+
const share = async (data) => {
|
|
6
|
+
if (!isSupported.value) {
|
|
7
|
+
error.value = '浏览器不支持 Share API';
|
|
8
|
+
return false;
|
|
9
|
+
}
|
|
10
|
+
if (deps.canShare && !deps.canShare(data)) {
|
|
11
|
+
error.value = '无法分享此内容';
|
|
12
|
+
return false;
|
|
13
|
+
}
|
|
14
|
+
isSharing.value = true;
|
|
15
|
+
error.value = null;
|
|
16
|
+
try {
|
|
17
|
+
await deps.share(data);
|
|
18
|
+
return true;
|
|
19
|
+
}
|
|
20
|
+
catch (err) {
|
|
21
|
+
if (err.name === 'AbortError') {
|
|
22
|
+
error.value = null;
|
|
23
|
+
return false;
|
|
24
|
+
}
|
|
25
|
+
error.value = err instanceof Error ? err.message : '分享失败';
|
|
26
|
+
return false;
|
|
27
|
+
}
|
|
28
|
+
finally {
|
|
29
|
+
isSharing.value = false;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
return {
|
|
33
|
+
isSupported,
|
|
34
|
+
isSharing,
|
|
35
|
+
error,
|
|
36
|
+
share
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=useShare.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useShare.js","sourceRoot":"","sources":["../../../src/vue-hooks/browser/useShare.ts"],"names":[],"mappings":"AAoEA,MAAM,UAAU,QAAQ,CAAC,IAAkB;IACzC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,KAAK,CAAC,CAAA;IAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,IAAI,CAAC,CAAA;IAG/C,MAAM,KAAK,GAAG,KAAK,EAAE,IAAe,EAAoB,EAAE;QACxD,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,kBAAkB,CAAA;YAChC,OAAO,KAAK,CAAA;QACd,CAAC;QAGD,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1C,KAAK,CAAC,KAAK,GAAG,SAAS,CAAA;YACvB,OAAO,KAAK,CAAA;QACd,CAAC;QAED,SAAS,CAAC,KAAK,GAAG,IAAI,CAAA;QACtB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;QAElB,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACtB,OAAO,IAAI,CAAA;QACb,CAAC;QAAC,OAAO,GAAQ,EAAE,CAAC;YAElB,IAAI,GAAG,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;gBAC9B,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;gBAClB,OAAO,KAAK,CAAA;YACd,CAAC;YAED,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;YACzD,OAAO,KAAK,CAAA;QACd,CAAC;gBAAS,CAAC;YACT,SAAS,CAAC,KAAK,GAAG,KAAK,CAAA;QACzB,CAAC;IACH,CAAC,CAAA;IAED,OAAO;QACL,WAAW;QACX,SAAS;QACT,KAAK;QACL,KAAK;KACN,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Ref } from '../../../references/vue.d';
|
|
2
|
+
import type { NavigatorVibration } from '../../../references/device.d';
|
|
3
|
+
import type { setTimeout } from '../../../references/timer.d';
|
|
4
|
+
import type { VueCompositionAPI } from '../../../types/vue.d';
|
|
5
|
+
export interface UseVibrationDeps {
|
|
6
|
+
vue: Pick<Required<VueCompositionAPI>, 'ref'>;
|
|
7
|
+
navigator: NavigatorVibration;
|
|
8
|
+
setTimeout: typeof setTimeout;
|
|
9
|
+
isMobile: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface UseVibrationReturn {
|
|
12
|
+
isSupported: Ref<boolean>;
|
|
13
|
+
isVibrating: Ref<boolean>;
|
|
14
|
+
vibrate: (pattern: number | number[]) => boolean;
|
|
15
|
+
stop: () => boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare function useVibration(deps: UseVibrationDeps): UseVibrationReturn;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export function useVibration(deps) {
|
|
2
|
+
const hasVibrateAPI = 'vibrate' in deps.navigator;
|
|
3
|
+
const isSupported = deps.vue.ref(hasVibrateAPI && deps.isMobile);
|
|
4
|
+
const isVibrating = deps.vue.ref(false);
|
|
5
|
+
const vibrate = (pattern) => {
|
|
6
|
+
if (!isSupported.value) {
|
|
7
|
+
return false;
|
|
8
|
+
}
|
|
9
|
+
const result = deps.navigator.vibrate(pattern);
|
|
10
|
+
if (result) {
|
|
11
|
+
isVibrating.value = true;
|
|
12
|
+
let duration = 0;
|
|
13
|
+
if (typeof pattern === 'number') {
|
|
14
|
+
duration = pattern;
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
duration = pattern.reduce((sum, value) => sum + value, 0);
|
|
18
|
+
}
|
|
19
|
+
deps.setTimeout(() => {
|
|
20
|
+
isVibrating.value = false;
|
|
21
|
+
}, duration);
|
|
22
|
+
}
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
const stop = () => {
|
|
26
|
+
if (!isSupported.value) {
|
|
27
|
+
return false;
|
|
28
|
+
}
|
|
29
|
+
const result = deps.navigator.vibrate(0);
|
|
30
|
+
isVibrating.value = false;
|
|
31
|
+
return result;
|
|
32
|
+
};
|
|
33
|
+
return {
|
|
34
|
+
isSupported,
|
|
35
|
+
isVibrating,
|
|
36
|
+
vibrate,
|
|
37
|
+
stop
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=useVibration.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useVibration.js","sourceRoot":"","sources":["../../../src/vue-hooks/browser/useVibration.ts"],"names":[],"mappings":"AA6DA,MAAM,UAAU,YAAY,CAAC,IAAsB;IAEjD,MAAM,aAAa,GAAG,SAAS,IAAI,IAAI,CAAC,SAAS,CAAA;IAGjD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,aAAa,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAA;IACzE,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAU,KAAK,CAAC,CAAA;IAGhD,MAAM,OAAO,GAAG,CAAC,OAA0B,EAAW,EAAE;QACtD,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YACvB,OAAO,KAAK,CAAA;QACd,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAE9C,IAAI,MAAM,EAAE,CAAC;YACX,WAAW,CAAC,KAAK,GAAG,IAAI,CAAA;YAGxB,IAAI,QAAQ,GAAG,CAAC,CAAA;YAChB,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;gBAChC,QAAQ,GAAG,OAAO,CAAA;YACpB,CAAC;iBAAM,CAAC;gBAEN,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC,CAAA;YAC3D,CAAC;YAGD,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;gBACnB,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;YAC3B,CAAC,EAAE,QAAQ,CAAC,CAAA;QACd,CAAC;QAED,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAGD,MAAM,IAAI,GAAG,GAAY,EAAE;QACzB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YACvB,OAAO,KAAK,CAAA;QACd,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACxC,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;QACzB,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAED,OAAO;QACL,WAAW;QACX,WAAW;QACX,OAAO;QACP,IAAI;KACL,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Ref } from '../../../references/vue.d';
|
|
2
|
+
import type { Document, HTMLElement, Event } from '../../../references/dom.d';
|
|
3
|
+
import type { VueCompositionAPI } from '../../../types/vue.d';
|
|
4
|
+
export interface UseClickOutsideDeps {
|
|
5
|
+
vue: Pick<Required<VueCompositionAPI>, 'onMounted' | 'onUnmounted'>;
|
|
6
|
+
addEventListener: Document['addEventListener'];
|
|
7
|
+
removeEventListener: Document['removeEventListener'];
|
|
8
|
+
}
|
|
9
|
+
export declare function useClickOutside(target: Ref<HTMLElement | undefined>, handler: (event: Event) => void, deps: UseClickOutsideDeps): void;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export function useClickOutside(target, handler, deps) {
|
|
2
|
+
const listener = (event) => {
|
|
3
|
+
const el = target.value;
|
|
4
|
+
if (!el || el === event.target || el.contains(event.target)) {
|
|
5
|
+
return;
|
|
6
|
+
}
|
|
7
|
+
handler(event);
|
|
8
|
+
};
|
|
9
|
+
deps.vue.onMounted(() => {
|
|
10
|
+
deps.addEventListener('click', listener, true);
|
|
11
|
+
});
|
|
12
|
+
deps.vue.onUnmounted(() => {
|
|
13
|
+
deps.removeEventListener('click', listener, true);
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=useClickOutside.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../src/vue-hooks/dom/useClickOutside.ts"],"names":[],"mappings":"AA4CA,MAAM,UAAU,eAAe,CAC7B,MAAoC,EACpC,OAA+B,EAC/B,IAAyB;IAEzB,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;QAChC,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK,CAAA;QACvB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YACpE,OAAM;QACR,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,CAAA;IAED,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE;QACtB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAyB,EAAE,IAAI,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAyB,EAAE,IAAI,CAAC,CAAA;IACpE,CAAC,CAAC,CAAA;AACJ,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { Ref } from '../../../references/vue.d';
|
|
2
|
+
import type { HTMLElement, Document, MouseEvent, TouchEvent } from '../../../references/dom.d';
|
|
3
|
+
import type { Window } from '../../../references/browser.d';
|
|
4
|
+
import type { VueCompositionAPI } from '../../../types/vue.d';
|
|
5
|
+
export interface Position {
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
}
|
|
9
|
+
export interface DraggableEnvironment {
|
|
10
|
+
addEventListener: Document['addEventListener'];
|
|
11
|
+
removeEventListener: Document['removeEventListener'];
|
|
12
|
+
body: Document['body'];
|
|
13
|
+
requestAnimationFrame: Window['requestAnimationFrame'];
|
|
14
|
+
vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onMounted' | 'onUnmounted'>;
|
|
15
|
+
}
|
|
16
|
+
export interface UseDraggableOptions {
|
|
17
|
+
onDragStart?: (position: Position, event: MouseEvent | TouchEvent) => void;
|
|
18
|
+
onDrag?: (position: Position, event: MouseEvent | TouchEvent) => void;
|
|
19
|
+
onDragEnd?: (position: Position, event: MouseEvent | TouchEvent) => void;
|
|
20
|
+
boundary?: {
|
|
21
|
+
minX?: number;
|
|
22
|
+
maxX?: number;
|
|
23
|
+
minY?: number;
|
|
24
|
+
maxY?: number;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export declare function useDraggable(targetRef: Ref<HTMLElement | null>, options: UseDraggableOptions | undefined, env: DraggableEnvironment): {
|
|
28
|
+
position: Ref<Position>;
|
|
29
|
+
isDragging: Ref<boolean>;
|
|
30
|
+
style: Ref<Record<string, string>>;
|
|
31
|
+
cleanup: () => void;
|
|
32
|
+
};
|
|
33
|
+
export default useDraggable;
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
export function useDraggable(targetRef, options = {}, env) {
|
|
2
|
+
const { onDragStart, onDrag, onDragEnd, boundary } = options;
|
|
3
|
+
const position = env.vue.ref({ x: 0, y: 0 });
|
|
4
|
+
const isDragging = env.vue.ref(false);
|
|
5
|
+
let startX = 0;
|
|
6
|
+
let startY = 0;
|
|
7
|
+
let initialX = 0;
|
|
8
|
+
let initialY = 0;
|
|
9
|
+
const applyBoundary = (pos) => {
|
|
10
|
+
if (!boundary)
|
|
11
|
+
return pos;
|
|
12
|
+
const { minX, maxX, minY, maxY } = boundary;
|
|
13
|
+
let { x, y } = pos;
|
|
14
|
+
if (minX !== undefined)
|
|
15
|
+
x = Math.max(minX, x);
|
|
16
|
+
if (maxX !== undefined)
|
|
17
|
+
x = Math.min(maxX, x);
|
|
18
|
+
if (minY !== undefined)
|
|
19
|
+
y = Math.max(minY, y);
|
|
20
|
+
if (maxY !== undefined)
|
|
21
|
+
y = Math.min(maxY, y);
|
|
22
|
+
return { x, y };
|
|
23
|
+
};
|
|
24
|
+
const style = env.vue.ref({});
|
|
25
|
+
const updateStyle = () => {
|
|
26
|
+
style.value = {
|
|
27
|
+
position: 'absolute',
|
|
28
|
+
top: `${position.value.y}px`,
|
|
29
|
+
left: `${position.value.x}px`
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
const updatePosition = (newPosition) => {
|
|
33
|
+
position.value = applyBoundary(newPosition);
|
|
34
|
+
updateStyle();
|
|
35
|
+
};
|
|
36
|
+
const onMouseDown = (e) => {
|
|
37
|
+
if (!targetRef.value)
|
|
38
|
+
return;
|
|
39
|
+
e.stopPropagation();
|
|
40
|
+
e.preventDefault();
|
|
41
|
+
isDragging.value = true;
|
|
42
|
+
const rect = targetRef.value.getBoundingClientRect();
|
|
43
|
+
startX = e.clientX - rect.left;
|
|
44
|
+
startY = e.clientY - rect.top;
|
|
45
|
+
if (onDragStart) {
|
|
46
|
+
onDragStart({ ...position.value }, e);
|
|
47
|
+
}
|
|
48
|
+
env.addEventListener('mousemove', onMouseMove, { passive: false });
|
|
49
|
+
env.addEventListener('mouseup', onMouseUp);
|
|
50
|
+
};
|
|
51
|
+
const onMouseMove = (e) => {
|
|
52
|
+
if (!isDragging.value)
|
|
53
|
+
return;
|
|
54
|
+
e.preventDefault();
|
|
55
|
+
env.requestAnimationFrame(() => {
|
|
56
|
+
if (!isDragging.value)
|
|
57
|
+
return;
|
|
58
|
+
const offsetParent = targetRef.value.offsetParent || env.body;
|
|
59
|
+
const parentRect = offsetParent.getBoundingClientRect();
|
|
60
|
+
const newPosition = {
|
|
61
|
+
x: e.clientX - startX - parentRect.left,
|
|
62
|
+
y: e.clientY - startY - parentRect.top
|
|
63
|
+
};
|
|
64
|
+
updatePosition(newPosition);
|
|
65
|
+
if (onDrag) {
|
|
66
|
+
onDrag({ ...position.value }, e);
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
};
|
|
70
|
+
const onMouseUp = (e) => {
|
|
71
|
+
if (!isDragging.value)
|
|
72
|
+
return;
|
|
73
|
+
isDragging.value = false;
|
|
74
|
+
if (onDragEnd) {
|
|
75
|
+
onDragEnd({ ...position.value }, e);
|
|
76
|
+
}
|
|
77
|
+
env.removeEventListener('mousemove', onMouseMove);
|
|
78
|
+
env.removeEventListener('mouseup', onMouseUp);
|
|
79
|
+
};
|
|
80
|
+
const onTouchStart = (e) => {
|
|
81
|
+
if (!targetRef.value || e.touches.length !== 1)
|
|
82
|
+
return;
|
|
83
|
+
e.stopPropagation();
|
|
84
|
+
isDragging.value = true;
|
|
85
|
+
const touch = e.touches[0];
|
|
86
|
+
const rect = targetRef.value.getBoundingClientRect();
|
|
87
|
+
startX = touch.clientX - rect.left;
|
|
88
|
+
startY = touch.clientY - rect.top;
|
|
89
|
+
if (onDragStart) {
|
|
90
|
+
onDragStart({ ...position.value }, e);
|
|
91
|
+
}
|
|
92
|
+
env.addEventListener('touchmove', onTouchMove, { passive: false });
|
|
93
|
+
env.addEventListener('touchend', onTouchEnd);
|
|
94
|
+
env.addEventListener('touchcancel', onTouchEnd);
|
|
95
|
+
};
|
|
96
|
+
const onTouchMove = (e) => {
|
|
97
|
+
if (!isDragging.value || e.touches.length !== 1)
|
|
98
|
+
return;
|
|
99
|
+
e.preventDefault();
|
|
100
|
+
env.requestAnimationFrame(() => {
|
|
101
|
+
if (!isDragging.value || e.touches.length !== 1)
|
|
102
|
+
return;
|
|
103
|
+
const touch = e.touches[0];
|
|
104
|
+
const offsetParent = targetRef.value.offsetParent || env.body;
|
|
105
|
+
const parentRect = offsetParent.getBoundingClientRect();
|
|
106
|
+
const newPosition = {
|
|
107
|
+
x: touch.clientX - startX - parentRect.left,
|
|
108
|
+
y: touch.clientY - startY - parentRect.top
|
|
109
|
+
};
|
|
110
|
+
updatePosition(newPosition);
|
|
111
|
+
if (onDrag) {
|
|
112
|
+
onDrag({ ...position.value }, e);
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
};
|
|
116
|
+
const onTouchEnd = (e) => {
|
|
117
|
+
if (!isDragging.value)
|
|
118
|
+
return;
|
|
119
|
+
isDragging.value = false;
|
|
120
|
+
if (onDragEnd) {
|
|
121
|
+
onDragEnd({ ...position.value }, e);
|
|
122
|
+
}
|
|
123
|
+
env.removeEventListener('touchmove', onTouchMove);
|
|
124
|
+
env.removeEventListener('touchend', onTouchEnd);
|
|
125
|
+
env.removeEventListener('touchcancel', onTouchEnd);
|
|
126
|
+
};
|
|
127
|
+
const cleanup = () => {
|
|
128
|
+
env.removeEventListener('mousemove', onMouseMove);
|
|
129
|
+
env.removeEventListener('mouseup', onMouseUp);
|
|
130
|
+
env.removeEventListener('touchmove', onTouchMove);
|
|
131
|
+
env.removeEventListener('touchend', onTouchEnd);
|
|
132
|
+
env.removeEventListener('touchcancel', onTouchEnd);
|
|
133
|
+
};
|
|
134
|
+
env.vue.onMounted(() => {
|
|
135
|
+
const element = targetRef.value;
|
|
136
|
+
if (!element)
|
|
137
|
+
return;
|
|
138
|
+
const rect = element.getBoundingClientRect();
|
|
139
|
+
const offsetParent = element.offsetParent || env.body;
|
|
140
|
+
const parentRect = offsetParent.getBoundingClientRect();
|
|
141
|
+
initialX = rect.left - parentRect.left;
|
|
142
|
+
initialY = rect.top - parentRect.top;
|
|
143
|
+
position.value = { x: initialX, y: initialY };
|
|
144
|
+
element.addEventListener('mousedown', onMouseDown);
|
|
145
|
+
element.addEventListener('touchstart', onTouchStart);
|
|
146
|
+
});
|
|
147
|
+
env.vue.onUnmounted(() => {
|
|
148
|
+
const element = targetRef.value;
|
|
149
|
+
if (element) {
|
|
150
|
+
element.removeEventListener('mousedown', onMouseDown);
|
|
151
|
+
element.removeEventListener('touchstart', onTouchStart);
|
|
152
|
+
}
|
|
153
|
+
cleanup();
|
|
154
|
+
});
|
|
155
|
+
return {
|
|
156
|
+
position,
|
|
157
|
+
isDragging,
|
|
158
|
+
style,
|
|
159
|
+
cleanup
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
export default useDraggable;
|
|
163
|
+
//# sourceMappingURL=useDraggable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDraggable.js","sourceRoot":"","sources":["../../../src/vue-hooks/dom/useDraggable.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Ref } from '../../../references/vue.d';
|
|
2
|
+
import type { EventListener, AddEventListenerOptions, EventListenerOptions } from '../../../references/dom.d';
|
|
3
|
+
import type { VueCompositionAPI } from '../../../types/vue.d';
|
|
4
|
+
export interface EventTarget {
|
|
5
|
+
addEventListener(type: string, listener: EventListener, options?: boolean | AddEventListenerOptions): void;
|
|
6
|
+
removeEventListener(type: string, listener: EventListener, options?: boolean | EventListenerOptions): void;
|
|
7
|
+
}
|
|
8
|
+
export interface UseEventListenerDeps {
|
|
9
|
+
vue: Pick<Required<VueCompositionAPI>, 'onMounted' | 'onUnmounted'>;
|
|
10
|
+
}
|
|
11
|
+
export declare function useEventListener(target: Ref<EventTarget | undefined> | EventTarget, event: string, handler: EventListener, options: (boolean | AddEventListenerOptions) | undefined, deps: UseEventListenerDeps): void;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export function useEventListener(target, event, handler, options = {}, deps) {
|
|
2
|
+
const cleanup = () => {
|
|
3
|
+
const el = 'value' in target ? target.value : target;
|
|
4
|
+
if (el) {
|
|
5
|
+
el.removeEventListener(event, handler, options);
|
|
6
|
+
}
|
|
7
|
+
};
|
|
8
|
+
deps.vue.onMounted(() => {
|
|
9
|
+
const el = 'value' in target ? target.value : target;
|
|
10
|
+
if (el) {
|
|
11
|
+
el.addEventListener(event, handler, options);
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
deps.vue.onUnmounted(() => {
|
|
15
|
+
cleanup();
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=useEventListener.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../src/vue-hooks/dom/useEventListener.ts"],"names":[],"mappings":"AA2DA,MAAM,UAAU,gBAAgB,CAC9B,MAAkD,EAClD,KAAa,EACb,OAAsB,EACtB,UAA6C,EAAE,EAC/C,IAA0B;IAE1B,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;QACpD,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;QACjD,CAAC;IACH,CAAC,CAAA;IAED,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE;QACtB,MAAM,EAAE,GAAG,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;QACpD,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;QAC9C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE;QACxB,OAAO,EAAE,CAAA;IACX,CAAC,CAAC,CAAA;AACJ,CAAC"}
|