feat: extract query-string.parse function

Author: hemengke1997

package.json

@@ -47,12 +47,14 @@
     "postcss": ">=8.0.0"
   },
   "dependencies": {
-    "query-string": "7.1.3"
+    "decode-uri-component": "^0.4.1",
+    "split-on-first": "^3.0.0"
   },
   "devDependencies": {
     "@minko-fe/eslint-config-ts": "^1.2.32",
     "@minko-fe/prettier-config": "^1.2.32",
     "@minko-fe/tsconfig": "^1.2.32",
+    "@types/decode-uri-component": "^0.2.0",
     "bumpp": "^9.0.0",
     "conventional-changelog-cli": "^2.2.2",
     "eslint": "^8.36.0",

pnpm-lock.yaml

@@ -17,6 +17,7 @@ import {
 } from './utils'
 import { getUnitRegexp } from './utils/pixel-unit-regex'
 import { disableNextComment } from './utils/constant'
+import type { ParseOptions } from './utils/parse-query'
 
 export interface ConvertUnit {
   sourceUnit: string | RegExp
@@ -36,6 +37,7 @@ export type PxtoremOptions = Partial<{
   exclude: string | RegExp | ((filePath: string) => boolean) | null
   disable: boolean
   convertUnitOnEnd: ConvertUnit | ConvertUnit[] | false | null
+  parseOptions: ParseOptions
 }>
 
 export const defaultOptions: Required<PxtoremOptions> = {
@@ -51,6 +53,7 @@ export const defaultOptions: Required<PxtoremOptions> = {
   exclude: null,
   disable: false,
   convertUnitOnEnd: null,
+  parseOptions: {},
 }
 
 const postcssPlugin = 'postcss-pxtorem'
@@ -74,7 +77,7 @@ function pxtorem(options?: PxtoremOptions) {
       if (isOptionComment(firstNode)) {
         opts = {
           ...opts,
-          ...getOptionsFromComment(firstNode, Warning),
+          ...getOptionsFromComment(firstNode, Warning, opts.parseOptions),
         }
       }
 
@@ -160,7 +163,7 @@ function pxtorem(options?: PxtoremOptions) {
 
       opts = {
         ...opts,
-        ...getOptionsFromComment(node, Warning),
+        ...getOptionsFromComment(node, Warning, opts.parseOptions),
       }
 
       const exclude = opts.exclude

src/index.ts

@@ -1,9 +1,10 @@
 import type { AtRule, ChildNode, Comment, Container, Declaration, Rule, Warning as postcssWarning } from 'postcss'
-import queryString from 'query-string'
 import type { ConvertUnit, PxtoremOptions } from '..'
 import { defaultOptions } from '..'
 import { maybeRegExp } from './constant'
 import { filterPropList } from './filter-prop-list'
+import type { ParseOptions } from './parse-query'
+import { parse } from './parse-query'
 
 function reRegExp() {
   return /^\/((?:\\\/|[^\/])+)\/([imgy]*)$/
@@ -38,7 +39,11 @@ function parseRegExp(maybeRegExpArg: unknown) {
 
 export const isPxtoremReg = /(?<=^pxtorem\?).+/g
 
-export function getOptionsFromComment(comment: Comment, Warning: typeof postcssWarning): PxtoremOptions | undefined {
+export function getOptionsFromComment(
+  comment: Comment,
+  Warning: typeof postcssWarning,
+  parseOptions: ParseOptions,
+): PxtoremOptions | undefined {
   try {
     let query = isPxtoremReg.exec(comment.text)?.[0]
     const ret: Record<string, any> = {}
@@ -47,11 +52,12 @@ export function getOptionsFromComment(comment: Comment, Warning: typeof postcssW
     query = query.replaceAll(/\s+/g, '')
 
     const defaultKeys = Object.keys(defaultOptions)
-    const parsed = queryString.parse(query, {
+    const parsed = parse(query, {
       parseBooleans: true,
       parseNumbers: true,
       arrayFormat: 'bracket-separator',
       arrayFormatSeparator: '|',
+      ...parseOptions,
     })
     const RE_REGEXP = reRegExp()
     for (const k of Object.keys(parsed)) {
@@ -209,7 +215,7 @@ enum EnumDataType {
 }
 
 function is(val: unknown, type: string) {
-  return toString.call(val) === `[object ${type}]`
+  return Object.prototype.toString.call(val) === `[object ${type}]`
 }
 export function isNumber(data: unknown): data is number {
   return is(data, EnumDataType.number)