@limeui/unocss-preset 0.0.2

package/dist/inlineStyleTransformer.d.ts

@@ -0,0 +1,3 @@
+import type { SourceCodeTransformer } from 'unocss';
+export declare function createInlineStyleTransformer(): SourceCodeTransformer;
+//# sourceMappingURL=inlineStyleTransformer.d.ts.map

package/dist/inlineStyleTransformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inlineStyleTransformer.d.ts","sourceRoot":"","sources":["../src/inlineStyleTransformer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAA;AAQnD,wBAAgB,4BAA4B,IAAI,qBAAqB,CAyBpE"}

package/dist/options.d.ts

@@ -0,0 +1,3 @@
+import type { ResolvedUnixPresetOptions, UnixPresetOptions } from './types';
+export declare function resolveOptions(userOptions?: Partial<UnixPresetOptions>): ResolvedUnixPresetOptions;
+//# sourceMappingURL=options.d.ts.map

package/dist/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAmB3E,wBAAgB,cAAc,CAAC,WAAW,GAAE,OAAO,CAAC,iBAAiB,CAAM,GAAG,yBAAyB,CAiBtG"}

package/dist/postprocessors.d.ts

@@ -0,0 +1,4 @@
+import type { Postprocessor } from 'unocss';
+import type { ResolvedUnixPresetOptions } from './types';
+export declare function createPostprocessors(options: ResolvedUnixPresetOptions, rootDir?: string): Postprocessor[];
+//# sourceMappingURL=postprocessors.d.ts.map

package/dist/postprocessors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"postprocessors.d.ts","sourceRoot":"","sources":["../src/postprocessors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAC3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAYxD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,yBAAyB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,EAAE,CA0E1G"}

package/dist/presetUnix.d.ts

@@ -0,0 +1,10 @@
+import type { PresetFactory } from 'unocss';
+import type { UserUnixPresetOptions } from './types';
+import { resolveOptions } from './options';
+import { createPresets } from './presets';
+import { createPostprocessors } from './postprocessors';
+import { createVariants, theme } from './variants';
+import { createTransformers } from './transformers';
+export { createPresets, createPostprocessors, resolveOptions, createVariants, createTransformers, theme };
+export declare const presetUnix: PresetFactory<object, UserUnixPresetOptions>;
+//# sourceMappingURL=presetUnix.d.ts.map

package/dist/presetUnix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presetUnix.d.ts","sourceRoot":"","sources":["../src/presetUnix.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAC3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAGnD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAA;AAEzG,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,MAAM,EAAE,qBAAqB,CAiClE,CAAA"}

package/dist/presets.d.ts

@@ -0,0 +1,4 @@
+import type { Preset } from 'unocss';
+import type { ResolvedUnixPresetOptions } from './types';
+export declare function createPresets(options: ResolvedUnixPresetOptions): Preset<any>[];
+//# sourceMappingURL=presets.d.ts.map

package/dist/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../src/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAOxD,wBAAgB,aAAa,CAAC,OAAO,EAAE,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAsB/E"}

package/dist/transformers.d.ts

@@ -0,0 +1,4 @@
+import type { SourceCodeTransformer } from 'unocss';
+import type { ResolvedUnixPresetOptions } from './types';
+export declare function createTransformers(options: ResolvedUnixPresetOptions): SourceCodeTransformer[];
+//# sourceMappingURL=transformers.d.ts.map

package/dist/transformers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformers.d.ts","sourceRoot":"","sources":["../src/transformers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAA;AACnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,qBAAqB,EAAE,CAM9F"}

package/dist/types.d.ts

@@ -0,0 +1,63 @@
+import type { PresetAttributifyOptions } from 'unocss';
+import type { TransformerAttributifyOptions, PresetAppletOptions, RemRpxOptions } from 'unocss-applet';
+export interface UnixPresetOptions {
+    /**
+     * 开关/配置 PresetUno
+     *
+     * @default true
+     * @summary 小程序平台将自动使用 PresetApplet
+     */
+    uno?: boolean | PresetAppletOptions;
+    /**
+     * 是否将 var(--un-*-opacity) 替换为具体数值
+     * 开启后，会使用 opacityVarMap 中的值替换 CSS 变量
+     * 关闭后，保留 var(--un-*-opacity) CSS 变量形式
+     *
+     * @default false
+     */
+    replaceOpacityVar?: boolean;
+    /**
+     * 开关/配置 presetRemRpx
+     * @default true
+     * @default { mode: 'rpx2rem' } // 除了小程序平台
+     */
+    remRpx?: boolean | RemRpxOptions;
+    /**
+     * 开关/配置 presetAttributify
+     * @default true
+     * @default { ignoreAttributes: ['block', 'fixed'] } // 小程序平台
+     * @summary 小程序平台将自动使用 transformerAttributify
+     */
+    attributify?: boolean | PresetAttributifyOptions & TransformerAttributifyOptions;
+    /**
+     * 指定生成的 CSS 文件的输出路径
+     * 配置后，UnoCSS 会将生成的 CSS 实时写入到指定文件
+     *
+     * @example './unocss.css' - 生成在项目根目录
+     * @example './dist/unocss.css' - 生成在 dist 目录
+     * @example './src/assets/unocss.css' - 生成在 assets 目录
+     * @summary 仅在开发模式下生效，用于调试和查看生成的 CSS
+     */
+    outFile?: string;
+    /**
+     * 是否使用内联样式模式
+     * 开启后，会将生成的 CSS 直接内联到组件的 <style> 标签中
+     * 这样可以利用 Vue 的响应式系统实现样式热更新
+     *
+     * @default true
+     * @summary 仅在 APP 端生效，用于解决 APP 端无法实时更新样式的问题
+     */
+    inlineStyle?: boolean;
+}
+export interface UserUnixPresetOptions extends Partial<UnixPresetOptions> {
+}
+export interface ResolvedUnixPresetOptions extends UnixPresetOptions {
+    uno: false | PresetAppletOptions;
+    opacityValue?: number;
+    replaceOpacityVar: boolean;
+    remRpx: false | RemRpxOptions;
+    attributify: false | (PresetAttributifyOptions & TransformerAttributifyOptions);
+    outFile?: string;
+    inlineStyle?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAA;AACtD,OAAO,KAAK,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAGtG,MAAM,WAAW,iBAAiB;IACjC;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAA;IAEnC;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAEhC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,wBAAwB,GAAG,6BAA6B,CAAA;IAEhF;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,qBAAsB,SAAQ,OAAO,CAAC,iBAAiB,CAAC;CAAG;AAE5E,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB;IACnE,GAAG,EAAE,KAAK,GAAG,mBAAmB,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,MAAM,EAAE,KAAK,GAAG,aAAa,CAAA;IAC7B,WAAW,EAAE,KAAK,GAAG,CAAC,wBAAwB,GAAG,6BAA6B,CAAC,CAAA;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB"}

package/dist/variants.d.ts

@@ -0,0 +1,5 @@
+import type { VariantObject } from 'unocss';
+import type { Theme } from '@unocss/preset-mini';
+export declare const theme: Theme;
+export declare function createVariants(): VariantObject<object>[];
+//# sourceMappingURL=variants.d.ts.map

package/dist/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../src/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AA4BhD,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,wBAAgB,cAAc,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAuCxD"}

package/package.json

@@ -0,0 +1,133 @@
+{
+  "id": "lime-unocss-preset",
+  "name": "@limeui/unocss-preset",
+  "displayName": "lime-unocss-preset - UnoCSS 预设",
+  "version": "0.0.2",
+  "description": "让 UnoCSS 支持 uni-app 和 uni-app x，提供平台条件样式等特性",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "node build.js",
+    "dev": "node build.js --watch"
+  },
+  "keywords": [
+    "unocss",
+    "uno-css",
+    "uni-app",
+    "uni-app-x",
+    "preset"
+],
+  "license": "MIT",
+  "peerDependencies": {
+    "unocss": ">=0.50.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "esbuild": "^0.27.3",
+    "rollup": "^4.57.1",
+    "tsdown": "^0.2.0",
+    "tslib": "^2.8.1",
+    "typescript": "^5.0.0"
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "x",
+        "aliyun": "x",
+        "alipay": "x"
+      },
+      "client": {
+        "uni-app": {
+          "vue": {
+            "vue2": "-",
+            "vue3": "√"
+          },
+          "web": {
+            "safari": "-",
+            "chrome": "-"
+          },
+          "app": {
+            "vue": "√",
+            "nvue": "-",
+            "android": "√",
+            "ios": "√",
+            "harmony": "√"
+          },
+          "mp": {
+            "weixin": "√",
+            "alipay": "-",
+            "toutiao": "-",
+            "baidu": "-",
+            "kuaishou": "-",
+            "jd": "-",
+            "harmony": "-",
+            "qq": "-",
+            "lark": "-",
+            "xhs": "-"
+          },
+          "quickapp": {
+            "huawei": "-",
+            "union": "-"
+          }
+        },
+        "uni-app-x": {
+          "web": {
+            "safari": "√",
+            "chrome": "√"
+          },
+          "app": {
+            "android": "√",
+            "ios": "√",
+            "harmony": "√"
+          },
+          "mp": {
+            "weixin": "√"
+          }
+        }
+      }
+    }
+  },
+  "dcloudext": {
+    "type": "sdk-js",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "",
+    "darkmode": "x",
+    "i18n": "x",
+    "widescreen": "x"
+  },
+  "engines": {
+    "HBuilderX": "^3.1.0",
+    "uni-app": "^4.87",
+    "uni-app-x": "^4.87"
+  },
+  "repository": ""
+}

package/readme.md

@@ -0,0 +1,253 @@
+# lime-unocss-preset
+
+UnoCSS preset for uni-app，支持 uni-app 和 uni-app x。
+
+## 特性
+
+- 🎨 支持 uni-app 和 uni-app x 全平台
+- 📱 支持小程序、App、H5 等所有 uni-app 平台
+- 🔄 支持平台条件样式（如 `uni-weixin:`、`uni-h5:`）
+- 🎯 支持排除平台（如 `uni-not-weixin:`）
+- 💾 支持内联样式模式（解决 APP 端样式热更新问题）
+- 📝 支持将生成的 CSS 输出到文件（用于调试）
+
+## 安装
+
+### 安装依赖
+
+```bash
+npm install unocss
+```
+
+### 导入插件
+
+在 uni-app 插件市场中搜索并导入 `lime-unocss-preset`。
+
+## 使用
+
+本配置基于 HBuilderX 开发环境。
+
+### 目录结构
+
+配置完成后，项目目录结构如下：
+
+```
+your-project/
+├── vite.config.ts          # Vite 配置文件
+├── uno.config.ts           # UnoCSS 配置文件
+├── main.ts / main.uts       # 入口文件
+├── pages/                  # 页面目录
+│   └── index.uvue
+├── App.uvue                # 应用入口组件
+└── package.json
+```
+
+### Vite 插件配置
+
+在 `vite.config.ts` 中配置 UnoCSS 插件：
+
+```typescript
+import { defineConfig } from 'vite'
+import Uni from '@dcloudio/vite-plugin-uni'
+
+export default async () => {
+	const UnoCSS = (await import('unocss/vite')).default
+	
+	return defineConfig({
+		plugins: [
+			Uni(),
+			UnoCSS()
+		]
+	})
+}
+```
+
+### 引入样式
+
+在 `main.ts` 或 `main.uts` 中引入 UnoCSS 样式：
+
+```typescript
+import 'virtual:uno.css'
+```
+
+### UnoCSS 配置
+
+在项目根目录创建 `uno.config.ts` 文件：
+
+```typescript
+import { defineConfig } from 'unocss'
+import { presetUnix } from './uni_modules/lime-unocss-preset'
+
+export default defineConfig({
+	content: {
+		pipeline: {
+			include: [
+				/\.(uvue|vue)($|\?)/ // 包含 .vue 和 .uvue 文件
+			],
+			exclude: [
+				/node_modules/, // 排除 node_modules
+				/dist/, // 排除 dist 目录
+				/uni_modules/, // 排除 uni_modules
+				/components/ // 排除 components 目录
+			]
+		}
+	},
+	presets: [
+		presetUnix({
+			replaceOpacityVar: true // 将 var(--un-*-opacity) 替换为具体数值
+		})
+	]
+})
+```
+
+## 配置选项
+
+### uno
+
+- 类型: `boolean | PresetAppletOptions`
+- 默认值: `true`
+
+是否启用 `@unocss/preset-uno`。默认启用，传递 `false` 可禁用。也可以传递配置对象来自定义预设选项。
+
+```typescript
+presetUnix({
+	uno: {
+		dark: 'media'
+	}
+})
+```
+
+### replaceOpacityVar
+
+- 类型: `boolean`
+- 默认值: `true`
+
+是否将 `var(--un-*-opacity)` 替换为具体数值。
+
+```typescript
+presetUnix({
+	replaceOpacityVar: true
+})
+```
+
+### remRpx
+
+- 类型: `boolean | RemRpxOptions`
+- 默认值: `{ mode: 'rpx2rem' }`（除了小程序和原生APP平台）
+
+开关/配置 presetRemRpx。
+
+```typescript
+presetUnix({
+	remRpx: { mode: 'rpx2rem' }
+})
+```
+
+### attributify
+
+- 类型: `boolean | PresetAttributifyOptions & TransformerAttributifyOptions`
+- 默认值: `true`
+
+开关/配置 presetAttributify。小程序平台将自动使用 transformerAttributify。
+
+```typescript
+presetUnix({
+	attributify: {
+		ignoreAttributes: ['block', 'fixed'],
+		prefixedOnly: true
+	}
+})
+```
+
+**注意**：`prefixedOnly: true` 可以避免与组件原生属性冲突，推荐开启。
+
+
+
+## 平台条件样式
+
+### 包含平台
+
+```html
+<!-- 只在微信小程序生效 -->
+<view class="uni-weixin:text-red">微信小程序红色文字</view>
+
+<!-- 只在 H5 生效 -->
+<view class="uni-h5:bg-blue">H5 蓝色背景</view>
+
+<!-- 只在 AppX 生效 -->
+<view class="uni-appx:p-4">AppX 内边距</view>
+```
+
+### 排除平台
+
+```html
+<!-- 在除微信小程序外的所有平台生效 -->
+<view class="uni-not-weixin:text-red">非微信小程序红色文字</view>
+
+<!-- 在除 H5 外的所有平台生效 -->
+<view class="uni-not-h5:bg-blue">非 H5 蓝色背景</view>
+```
+
+### 属性模式
+
+配合 attributify 模式，可以使用属性语法：
+
+```html
+<!-- 只在微信小程序生效 -->
+<view uni-weixin:text-red>微信小程序红色文字</view>
+
+<!-- 只在 H5 生效 -->
+<view uni-h5:bg-blue>H5 蓝色背景</view>
+```
+
+### 支持的平台
+
+- 小程序：`mp-weixin`（微信）、`mp-alipay`（支付宝）、`mp-baidu`（百度）、`mp-qq`（QQ）、`mp-toutiao`（头条）、`mp-kuaishou`（快手）、`mp-lark`（飞书）、`mp-jd`（京东）、`mp-360`（360）
+- App：`app`、`app-plus`、`app-harmony`（鸿蒙）、`app-android`、`app-ios`
+- uni-app x APP：`appx`（安卓、iOS、鸿蒙）
+- H5/Web：`h5`、`web`（两者互通）
+- 快应用：`quickapp`、`quickapp-webview` 等
+
+### 简写形式
+
+```html
+<!-- 使用简写（去掉 mp- 前缀） -->
+<view class="uni-weixin:text-sm">微信小程序小字体</view>
+<view class="uni-alipay:text-sm">支付宝小程序小字体</view>
+<view class="uni-baidu:text-sm">百度小程序小字体</view>
+<view class="uni-qq:text-sm">QQ小程序小字体</view>
+<view class="uni-toutiao:text-sm">头条小程序小字体</view>
+<view class="uni-kuaishou:text-sm">快手小程序小字体</view>
+<view class="uni-lark:text-sm">飞书小程序小字体</view>
+<view class="uni-jd:text-sm">京东小程序小字体</view>
+```
+
+### 平台别名
+
+| 别名 | 实际平台 |
+|------|----------|
+| `weixin` | `mp-weixin` |
+| `alipay` | `mp-alipay` |
+| `baidu` | `mp-baidu` |
+| `qq` | `mp-qq` |
+| `toutiao` | `mp-toutiao` |
+| `kuaishou` | `mp-kuaishou` |
+| `lark` | `mp-lark` |
+| `jd` | `mp-jd` |
+| `h5` / `web` | `h5`（两者互通） |
+
+## 致谢
+
+感谢以下开源项目：
+
+- [UnoCSS](https://github.com/unocss/unocss) - 提供核心原子化 CSS 引擎和大部分功能
+- [unocss-applet](https://github.com/unocss-applet/unocss-applet) - 提供小程序平台支持
+- [@uni-helper/unocss-preset-uni](https://github.com/uni-helper/unocss-preset-uni) - 提供按平台编写样式的灵感
+
+## 支持与赞赏
+
+如果你觉得本插件解决了你的问题，可以考虑支持作者：
+
+| 支付宝赞助 | 微信赞助 |
+|------------|------------|
+| ![](https://testingcf.jsdelivr.net/gh/liangei/image@1.9/alipay.png) | ![](https://testingcf.jsdelivr.net/gh/liangei/image@1.9/wpay.png) |