refactor: remove $

Author: BuptStEve

src/index.ts

@@ -1,5 +1,4 @@
 import {
-    $,
     isServer,
     detectOS,
     getEventListenerOptions,
@@ -19,9 +18,9 @@ const lockedElements: HTMLElement[] = []
 const eventListenerOptions = getEventListenerOptions({ passive: false })
 
 const setOverflowHiddenPc = () => {
-    const $body = $('body')
+    const $body = document.body
     const bodyStyle = { ...$body.style }
-    const scrollBarWidth = window.innerWidth - document.body.clientWidth
+    const scrollBarWidth = window.innerWidth - $body.clientWidth
 
     $body.style.overflow = 'hidden'
     $body.style.boxSizing = 'border-box'
@@ -35,8 +34,8 @@ const setOverflowHiddenPc = () => {
 }
 
 const setOverflowHiddenMobile = () => {
-    const $html = $('html')
-    const $body = $('body')
+    const $html = document.documentElement
+    const $body = document.body
     const scrollTop = $html.scrollTop || $body.scrollTop
     const htmlStyle = { ...$html.style }
     const bodyStyle = { ...$body.style }

src/utils.ts

@@ -1,7 +1,5 @@
 export const isServer = () => typeof window === 'undefined'
 
-export const $ = (selector: string) => <HTMLElement>document.querySelector(selector)
-
 export interface DetectOSResult { ios: boolean, android: boolean }
 export const detectOS = (ua?: string): DetectOSResult => {
     ua = ua || navigator.userAgent

test/utils.test.ts

@@ -2,18 +2,12 @@
 * @jest-environment jsdom-thirteen
 */
 import {
-    $,
     isServer,
     detectOS,
     getEventListenerOptions,
 } from '@/utils'
 
 describe('utils', () => {
-
-    it('$', () => {
-        expect($('body').tagName).toBe('BODY')
-    })
-
     it(`should detect server`, () => {
         expect(isServer()).toBe(false)
     })