feat: add weapp-tailwindcss style

apps/vite-native-skyline/package.json

@@ -31,6 +31,6 @@
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.3",
     "weapp-tailwindcss": "workspace:*",
-    "weapp-vite": "^2.1.2"
+    "weapp-vite": "^2.1.3"
   }
 }

apps/vite-native-ts-skyline/package.json

@@ -30,6 +30,6 @@
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.3",
     "weapp-tailwindcss": "workspace:*",
-    "weapp-vite": "^2.1.2"
+    "weapp-vite": "^2.1.3"
   }
 }

apps/vite-native-ts/package.json

@@ -34,6 +34,6 @@
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.3",
     "weapp-tailwindcss": "workspace:*",
-    "weapp-vite": "^2.1.2"
+    "weapp-vite": "^2.1.3"
   }
 }

apps/vite-native/app.css

@@ -1,5 +1,8 @@
 /* @import 'tailwindcss/base';
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities'; */
-@import 'tailwindcss';
+
+/* @import 'tailwindcss'; */
+
+@import 'weapp-tailwindcss';
 @config "./tailwind.config.js";

apps/vite-native/app.json

@@ -8,7 +8,7 @@
     "navigationBarBackgroundColor": "#ffffff"
   },
   "usingComponents": {
-    "navigation-bar": "/components/navigation-bar/navigation-bar"
+
   },
   "subPackages": [
     {

apps/vite-native/package.json

@@ -34,9 +34,9 @@
     "@tailwindcss/vite": "^4.0.4",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.5.1",
-    "tailwindcss": "^4.0.3",
+    "tailwindcss": "^4.0.4",
     "tailwindcss-injector": "workspace:*",
     "weapp-tailwindcss": "workspace:*",
-    "weapp-vite": "^2.1.2"
+    "weapp-vite": "^2.1.3"
   }
 }

apps/vite-native/pages/index/index.wxml

@@ -1,33 +1,4 @@
-<!-- index.wxml -->
-<template name="staffName">
-  <view class="text-red-800 bg-blue-400/40">FirstName: {{firstName}}, LastName: {{lastName}}</view>
-</template>
-<navigation-bar></navigation-bar>
 <scroll-view scroll-y type="list">
-  {{ motto }}
   <view class="bg-[#7d7ac2] text-[100px] text-[#123456] w-[323px] {{true?'h-[30px]':'h-[45px]'}}">111</view>
-  <view>{{message}}</view>
-  <view wx:for="{{array}}">{{item}}</view>
-  <template is="staffName" data="{{...staffA}}"></template>
-  <template is="staffName" data="{{...staffB}}"></template>
-  <template is="staffName" data="{{...staffC}}"></template>
-  <view>{{m1.message}}</view>
-  <wxs module="wxs" src="./test.wxs"></wxs>
-  <view id="tapTest" data-hi="Weixin" bindtap="{{wxs.tapName}}">Click me!</view>
+  <view class="bg-[#3a32d1] text-[100rpx] text-red-700 w-[323px] {{false?'h-[30px]':'h-[45px]'}}">222</view>
 </scroll-view>
-<template name="odd">
-  <view> odd </view>
-</template>
-<template name="even">
-  <view> even </view>
-</template>
-
-<block wx:for="{{[1, 2, 3, 4, 5]}}">
-  <template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/>
-</block>
-
-<wxs module="m1">
-var msg = "hello world";
-
-module.exports.message = msg;
-</wxs>

packages/weapp-tailwindcss/index.css

@@ -0,0 +1,5 @@
+@layer theme, base, components, utilities;
+
+@import './theme.css' layer(theme);
+@import './preflight.css' layer(base);
+@import './utilities.css' layer(utilities);

packages/weapp-tailwindcss/package.json

@@ -43,7 +43,8 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "style": "./index.css"
     },
     "./escape": {
       "types": "./dist/escape.d.ts",
@@ -95,11 +96,21 @@
       "import": "./dist/types.mjs",
       "require": "./dist/types.js"
     },
+    "./package.json": "./package.json",
+    "./index.css": "./index.css",
+    "./index": "./index.css",
+    "./preflight.css": "./preflight.css",
+    "./preflight": "./preflight.css",
+    "./theme.css": "./theme.css",
+    "./theme": "./theme.css",
+    "./utilities.css": "./utilities.css",
+    "./utilities": "./utilities.css",
     "./*": "./*"
   },
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "style": "index.css",
   "typesVersions": {
     "*": {
       "*": [
@@ -115,7 +126,11 @@
   },
   "files": [
     "bin",
-    "dist"
+    "dist",
+    "index.css",
+    "preflight.css",
+    "theme.css",
+    "utilities.css"
   ],
   "engines": {
     "node": "^18.17.0 || >=20.5.0"

packages/weapp-tailwindcss/preflight.css

@@ -0,0 +1,16 @@
+/*
+  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+  2. Remove default margins and padding
+  3. Reset all borders.
+*/
+
+*,
+::after,
+::before,
+::backdrop,
+::file-selector-button {
+  box-sizing: border-box; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 2 */
+  border: 0 solid; /* 3 */
+}