chore: lint

OLD_README.md

@@ -79,8 +79,8 @@ yarn add -D unocss @unocss/webpack@0.45.8 unplugin-transform-class unocss-preset
 // 请使用 @unocss/webpack 0.45.8
 // 0.45.8 之前和之后版本 会出现无法及时生成`css`代码，导致打包时没有`css`代码
 const UnoCSS = require('@unocss/webpack').default
-const transformWeClass = require('unplugin-transform-class/webpack')
 const { defaultAttributes, defaultIgnoreNonValuedAttributes, presetAttributifyWechat } = require('unplugin-attributify-to-class/webpack')
+const transformWeClass = require('unplugin-transform-class/webpack')
 
 module.exports = {
  configureWebpack: {
@@ -103,8 +103,8 @@ module.exports = {
 * [h5兼容说明](https://github.com/MellowCo/unocss-preset-weapp#h5%E5%85%BC%E5%AE%B9)
 
 ```js
-import presetWeapp from 'unocss-preset-weapp'
 import { defineConfig } from 'unocss'
+import presetWeapp from 'unocss-preset-weapp'
 
 export default defineConfig({
  presets: [
@@ -167,8 +167,8 @@ yarn add -D unocss unocss-webpack-uniapp2 unplugin-transform-class unocss-preset
 // 解决 App平台 v3 模式暂不支持在 js 文件中引用"uno.css" 请改在 style 内引用
 const UnoCSS = require('unocss-webpack-uniapp2').default
 
-const transformWeClass = require('unplugin-transform-class/webpack')
 const { defaultAttributes, defaultIgnoreNonValuedAttributes, presetAttributifyWechat } = require('unplugin-attributify-to-class/webpack')
+const transformWeClass = require('unplugin-transform-class/webpack')
 
 module.exports = {
  configureWebpack: {
@@ -192,8 +192,8 @@ module.exports = {
 * [h5兼容说明](https://github.com/MellowCo/unocss-preset-weapp#h5%E5%85%BC%E5%AE%B9)
 
 ```js
-import presetWeapp from 'unocss-preset-weapp'
 import { defineConfig } from 'unocss'
+import presetWeapp from 'unocss-preset-weapp'
 
 export default defineConfig({
  presets: [
@@ -292,8 +292,8 @@ yarn add -D unocss @unocss/webpack@0.45.8 unplugin-transform-class unocss-preset
 ```js
 // 导入unocss
 import UnoCSS from 'unocss/webpack'
-import transformWeClass from 'unplugin-transform-class/webpack'
 import { defaultAttributes, defaultIgnoreNonValuedAttributes, presetAttributifyWechat } from 'unplugin-attributify-to-class/webpack'
+import transformWeClass from 'unplugin-transform-class/webpack'
 
 const config = {
  mini: {
@@ -486,11 +486,11 @@ pnpm add -D unocss unplugin-transform-class unocss-preset-weapp unplugin-attribu
 * vite.config.ts
 
 ```ts
-import { defineConfig } from 'vite'
 import uni from '@dcloudio/vite-plugin-uni'
 import Unocss from 'unocss/vite'
-import transformWeClass from 'unplugin-transform-class/vite'
 import { presetAttributifyWechat } from 'unplugin-attributify-to-class/vite'
+import transformWeClass from 'unplugin-transform-class/vite'
+import { defineConfig } from 'vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -523,8 +523,8 @@ export default defineConfig({
 * unocss.config.ts
 > 添加unocss.config.js文件，搭配 [unocss vscode](https://marketplace.visualstudio.com/items?itemName=antfu.unocss) 插件，智能提示
 ```ts
-import presetWeapp from 'unocss-preset-weapp'
 import { defineConfig } from 'unocss'
+import presetWeapp from 'unocss-preset-weapp'
 
 export default defineConfig({
  presets: [

README.md

@@ -199,9 +199,9 @@ export default {
 
 * unocss.config.js
 ```ts
+import { defineConfig } from 'unocss'
 import presetWeapp from 'unocss-preset-weapp'
 import { defaultRules, extractorAttributify, transformerClass } from 'unocss-preset-weapp/transformer'
-import { defineConfig } from 'unocss'
 
 const transformRules = {
  ...defaultRules,
@@ -255,9 +255,9 @@ export default defineConfig({
 > `presetWeapp` 配置 `prefix`, `transformerAttributify` 配置 `classPrefix`
 
 ```ts
+import { defineConfig } from 'unocss'
 import presetWeapp from 'unocss-preset-weapp'
 import { extractorAttributify, transformerClass } from 'unocss-preset-weapp/transformer'
-import { defineConfig } from 'unocss'
 
 const prefix = 'li-'
 
@@ -343,8 +343,8 @@ Unocss({
 * unocss.config.js 自定义动画
 
 ```js
-import presetWeapp from 'unocss-preset-weapp'
 import { defineConfig } from 'unocss'
+import presetWeapp from 'unocss-preset-weapp'
 
 export default defineConfig({
  presets: [

build.config.ts

@@ -1,5 +1,5 @@
-import { defineBuildConfig } from 'unbuild'
 import { isWindows } from 'std-env'
+import { defineBuildConfig } from 'unbuild'
 
 export default defineBuildConfig({
  entries: [

src/index.ts

@@ -1,20 +1,20 @@
-import { type PresetOptions, definePreset } from '@unocss/core'
-import { cacheTransformEscapESelector, defaultRules } from 'unplugin-transform-class/utils'
+import { definePreset, type PresetOptions } from '@unocss/core'
 import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants'
+import { cacheTransformEscapESelector, defaultRules } from 'unplugin-transform-class/utils'
 import preflights from './preflights'
+import { taroCssPxTransform, taroH5CssRemTransform, uniAppVue2CssRpxTransform } from './rpxTranform'
 import { rules } from './rules'
-import type { Theme, ThemeAnimation } from './theme'
+import { shorthands } from './shorthands'
 import { theme } from './theme'
 import { variants } from './variants'
-import { shorthands } from './shorthands'
 
-import { taroCssPxTransform, taroH5CssRemTransform, uniAppVue2CssRpxTransform } from './rpxTranform'
+import type { Theme, ThemeAnimation } from './theme'
 
-export { theme, colors } from './theme'
+export { colors, theme } from './theme'
 export { parseColor } from './utils'
 
 // support custom shadow color
-export type { ThemeAnimation, Theme }
+export type { Theme, ThemeAnimation }
 
 export interface DarkModeSelectors {
  /**

src/preflights.ts

@@ -1,5 +1,5 @@
-import type { Preflight, PreflightContext } from '@unocss/core'
 import { entriesToCss, toArray } from '@unocss/core'
+import type { Preflight, PreflightContext } from '@unocss/core'
 import type { Theme } from './theme'
 
 const wxPrefix = ['page,root-portal-content,::before,::after']

src/rules/align.ts

@@ -1,6 +1,6 @@
 import type { Rule } from '@unocss/core'
-import { globalKeywords } from '../utils/mappings'
 import { h } from '../utils/handlers'
+import { globalKeywords } from '../utils/mappings'
 
 const verticalAlignAlias: Record<string, string> = {
  'mid': 'middle',

src/rules/animation.ts

@@ -1,5 +1,5 @@
-import type { Rule } from '@unocss/core'
 import { cacheRestoreSelector } from 'unplugin-transform-class/utils'
+import type { Rule } from '@unocss/core'
 import { globalKeywords, handler as h, makeGlobalStaticRules } from '../utils'
 import type { Theme } from '../'
 

src/rules/background.ts

@@ -1,6 +1,6 @@
+import { colorOpacityToString, colorToString } from '@unocss/rule-utils'
 import type { Rule, RuleContext } from '@unocss/core'
 import type { CSSColorValue } from '@unocss/rule-utils'
-import { colorOpacityToString, colorToString } from '@unocss/rule-utils'
 import { globalKeywords, handler as h, makeGlobalStaticRules, parseColor, positionMap } from '../utils'
 import type { Theme } from '../'
 

src/rules/behaviors.ts

@@ -1,6 +1,6 @@
 import type { CSSObject, Rule, RuleContext } from '@unocss/core'
-import type { Theme } from '../theme'
 import { colorResolver, globalKeywords, handler as h, isCSSMathFn } from '../utils'
+import type { Theme } from '../theme'
 
 export const outline: Rule<Theme>[] = [
  // size

src/rules/border.ts

@@ -1,9 +1,9 @@
-import type { CSSEntries, CSSObject, Rule, RuleContext } from '@unocss/core'
+import { colorOpacityToString, colorToString } from '@unocss/rule-utils'
 import { cacheRestoreSelector } from 'unplugin-transform-class/utils'
+import type { CSSEntries, CSSObject, Rule, RuleContext } from '@unocss/core'
 import type { CSSColorValue } from '@unocss/rule-utils'
-import { colorOpacityToString, colorToString } from '@unocss/rule-utils'
-import type { Theme } from '../theme'
 import { cornerMap, directionMap, globalKeywords, handler as h, hasParseableColor, isCSSMathFn, parseColor } from '../utils'
+import type { Theme } from '../theme'
 
 export const borderStyles = ['solid', 'dashed', 'dotted', 'double', 'hidden', 'none', 'groove', 'ridge', 'inset', 'outset', ...globalKeywords]
 

src/rules/color.ts

@@ -1,5 +1,5 @@
-import type { Rule } from '@unocss/core'
 import { cacheRestoreSelector } from 'unplugin-transform-class/utils'
+import type { Rule } from '@unocss/core'
 import { colorResolver, handler as h, isSize } from '../utils'
 import type { Theme } from '../theme'
 

src/rules/container.ts

@@ -1,5 +1,5 @@
-import type { Rule } from '@unocss/core'
 import { warnOnce } from '@unocss/core'
+import type { Rule } from '@unocss/core'
 
 export const containerParent: Rule[] = [
  [/^@container(?:\/(\w+))?(?:-(normal))?$/, ([, l, v]) => {

src/rules/decoration.ts

@@ -1,6 +1,6 @@
 import type { CSSObject, Rule, RuleContext } from '@unocss/core'
-import type { Theme } from '../theme'
 import { colorResolver, globalKeywords, handler as h, isCSSMathFn } from '../utils'
+import type { Theme } from '../theme'
 
 const decorationStyles = ['solid', 'double', 'dotted', 'dashed', 'wavy', ...globalKeywords]
 

src/rules/default.ts

@@ -1,32 +1,32 @@
 import type { Rule } from '@unocss/core'
-import { transitions } from './transition'
-import { borders } from './border'
+import { textAligns, verticalAligns } from './align'
+import { animations } from './animation'
 
+import { backgroundStyles } from './background'
+import { appearance, outline, willChange } from './behaviors'
+import { borders } from './border'
 import { bgColors, colorScheme, opacity } from './color'
+import { containerParent } from './container'
+import { textDecorations } from './decoration'
+import { divides } from './divide'
+import { filters } from './filters'
 import { flex } from './flex'
-import { fonts, tabSizes, textIndents, textShadows, textStrokes } from './typography'
 import { gaps } from './gap'
 import { grids } from './grid'
 import { overflows } from './layout'
+import { lineClamps } from './line-clamp'
 import { alignments, boxSizing, flexGridJustifiesAlignments, floats, insets, justifies, orders, placements, positions, zIndexes } from './position'
 import { rings } from './ring'
+import { safeArea } from './safe-area'
 import { boxShadows } from './shadow'
 import { aspectRatio, sizes } from './size'
 import { margins, paddings, spaces } from './spacing'
-import { appearances, backgroundBlendModes, breaks, contains, contentVisibility, contents, cursors, displays, dynamicViewportHeight, fontSmoothings, fontStyles, hyphens, isolations, mixBlendModes, objectPositions, pointerEvents, resizes, screenReadersAccess, textOverflows, textTransforms, textWraps, userSelects, whitespaces, writingModes, writingOrientations } from './static'
+import { appearances, backgroundBlendModes, breaks, contains, contents, contentVisibility, cursors, displays, dynamicViewportHeight, fontSmoothings, fontStyles, hyphens, isolations, mixBlendModes, objectPositions, pointerEvents, resizes, screenReadersAccess, textOverflows, textTransforms, textWraps, userSelects, whitespaces, writingModes, writingOrientations } from './static'
+import { svgUtilities } from './svg'
 import { transforms } from './transform'
+import { transitions } from './transition'
+import { fonts, tabSizes, textIndents, textShadows, textStrokes } from './typography'
 import { cssProperty, cssVariables } from './variables'
-import { textAligns, verticalAligns } from './align'
-import { appearance, outline, willChange } from './behaviors'
-import { textDecorations } from './decoration'
-import { svgUtilities } from './svg'
-import { safeArea } from './safe-area'
-import { animations } from './animation'
-import { backgroundStyles } from './background'
-import { containerParent } from './container'
-import { divides } from './divide'
-import { lineClamps } from './line-clamp'
-import { filters } from './filters'
 
 export const rules: Rule[] = [
  cssVariables,

src/rules/divide.ts

@@ -1,7 +1,7 @@
 import type { CSSEntries, Rule, RuleContext } from '@unocss/core'
+import { borderStyles } from '../rules/border'
 import { colorResolver, directionMap, handler as h } from '../utils'
 import type { Theme } from '../theme'
-import { borderStyles } from '../rules/border'
 
 export const divides: Rule[] = [
  // divides

src/rules/filters.ts

@@ -1,7 +1,7 @@
 import type { CSSValues, Rule, RuleContext } from '@unocss/core'
-import type { Theme } from '../theme'
-import { colorResolver, colorableShadows, globalKeywords, h } from '../utils'
 import { varEmpty } from '../rules'
+import { colorableShadows, colorResolver, globalKeywords, h } from '../utils'
+import type { Theme } from '../theme'
 
 export const filterBase = {
  '--un-blur': varEmpty,

src/rules/flex.ts

@@ -1,7 +1,7 @@
-import type { Rule } from '@unocss/core'
 import { cacheRestoreSelector } from 'unplugin-transform-class/utils'
-import type { Theme } from '../theme'
+import type { Rule } from '@unocss/core'
 import { handler as h } from '../utils'
+import type { Theme } from '../theme'
 
 export const flex: Rule<Theme>[] = [
  // display

src/rules/gap.ts

@@ -1,6 +1,6 @@
 import type { Rule, RuleContext } from '@unocss/core'
-import type { Theme } from '../theme'
 import { handler as h } from '../utils'
+import type { Theme } from '../theme'
 
 const directions: Record<string, string> = {
  '': '',

src/rules/grid.ts

@@ -1,6 +1,6 @@
 import type { Rule } from '@unocss/core'
-import type { Theme } from '../theme'
 import { handler as h } from '../utils'
+import type { Theme } from '../theme'
 
 const rowCol = (s: string) => s.replace('col', 'column')
 const rowColTheme = (s: string) => s[0] === 'r' ? 'Row' : 'Column'

src/rules/index.ts

@@ -1,31 +1,31 @@
 /* @export-submodules */
 export * from './align'
+export * from './animation'
+export * from './background'
 export * from './behaviors'
 export * from './border'
 export * from './color'
 export * from './container'
 export * from './decoration'
 export * from './default'
+export * from './divide'
+export * from './filters'
 export * from './flex'
 export * from './gap'
 export * from './grid'
 export * from './layout'
+export * from './line-clamp'
 export * from './position'
 export * from './question-mark'
 export * from './ring'
+export * from './safe-area'
 export * from './shadow'
 export * from './size'
 export * from './spacing'
+
 export * from './static'
 export * from './svg'
 export * from './transform'
 export * from './transition'
 export * from './typography'
 export * from './variables'
-
-export * from './animation'
-export * from './background'
-export * from './safe-area'
-export * from './line-clamp'
-export * from './filters'
-export * from './divide'

src/rules/position.ts

@@ -1,7 +1,7 @@
-import type { CSSEntries, Rule, RuleContext, StaticRule } from '@unocss/core'
 import { cacheRestoreSelector } from 'unplugin-transform-class/utils'
-import type { Theme } from '../theme'
+import type { CSSEntries, Rule, RuleContext, StaticRule } from '@unocss/core'
 import { globalKeywords, handler as h, insetMap, makeGlobalStaticRules } from '../utils'
+import type { Theme } from '../theme'
 
 export const positions: Rule[] = [
  [/^(?:position-|pos-)?(relative|absolute|fixed|sticky)$/, ([, v]) => ({ position: v }), {

src/rules/ring.ts

@@ -1,7 +1,7 @@
 import type { CSSObject, Rule, RuleContext } from '@unocss/core'
-import type { Theme } from '../theme'
 import { colorResolver, handler as h, isCSSMathFn } from '../utils'
 import { varEmpty } from './static'
+import type { Theme } from '../theme'
 
 export const ringBase = {
  '--un-ring-inset': varEmpty,

src/rules/shadow.ts

@@ -1,8 +1,8 @@
-import type { Rule } from '@unocss/core'
 import { cacheRestoreSelector } from 'unplugin-transform-class/utils'
-import type { Theme } from '../theme'
-import { colorResolver, colorableShadows, handler as h, hasParseableColor } from '../utils'
+import type { Rule } from '@unocss/core'
+import { colorableShadows, colorResolver, handler as h, hasParseableColor } from '../utils'
 import { varEmpty } from './static'
+import type { Theme } from '../theme'
 
 export const boxShadowsBase = {
  '--un-ring-offset-shadow': '0 0 rgb(0 0 0 / 0)',

src/rules/size.ts

@@ -1,7 +1,7 @@
-import type { Rule, RuleContext } from '@unocss/core'
 import { cacheRestoreSelector } from 'unplugin-transform-class/utils'
-import type { Theme } from '../theme'
+import type { Rule, RuleContext } from '@unocss/core'
 import { handler as h, resolveBreakpoints } from '../utils'
+import type { Theme } from '../theme'
 
 const sizeMapping: Record<string, string> = {
  h: 'height',

src/rules/spacing.ts

@@ -1,6 +1,6 @@
 import type { CSSEntries, Rule, RuleContext } from '@unocss/core'
-import type { Theme } from '../theme'
 import { directionMap, directionSize, handler as h } from '../utils'
+import type { Theme } from '../theme'
 
 export const paddings: Rule[] = [
  [/^pa?()-?(.+)$/, directionSize('padding'), { autocomplete: ['(m|p)<num>', '(m|p)-<num>'] }],