create-vite-taro 0.7.3-beta.0 → 0.7.3-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/templates/default/package.json +6 -7
  3. package/templates/default/src/components/botanical-sprig/botanical-sprig.tsx +14 -15
  4. package/templates/default/src/components/footer/footer.tsx +4 -6
  5. package/templates/default/src/pages/home/lazy/api-card.tsx +12 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-vite-taro",
3
- "version": "0.7.3-beta.0",
3
+ "version": "0.7.3-beta.2",
4
4
  "description": "Create Vite 8 + React 19 + Taro apps for WeChat, Alipay, and H5 targets.",
5
5
  "type": "module",
6
6
  "bin": {
package/templates/default/package.json CHANGED
@@ -14,17 +14,16 @@
14
14
  "typecheck": "tsc -b"
15
15
  },
16
16
  "dependencies": {
17
- "react": "^19.2.8",
18
- "react-dom": "^19.2.8"
17
+ "react": "^19.3.0",
18
+ "react-dom": "^19.3.0"
19
19
  },
20
20
  "devDependencies": {
21
- "@types/node": "^26.3.0",
22
- "@types/react": "^19.2.18",
23
- "@types/react-dom": "^19.2.5",
21
+ "@types/node": "^26.5.1",
22
+ "@types/react": "^19.3.0",
23
+ "@types/react-dom": "^19.3.0",
24
24
  "typescript": "^7.0.2",
25
25
  "cross-env": "^10.1.0",
26
- "rolldown": "1.2.7",
27
- "vite": "8.2.2"
26
+ "vite": "8.3.0"
28
27
  },
29
28
  "overrides": {
30
29
  "@types/react": "$@types/react"
package/templates/default/src/components/botanical-sprig/botanical-sprig.tsx CHANGED
@@ -1,4 +1,3 @@
1
- import { View } from 'virtual:taro/components'
2
1
  import styles from './botanical-sprig.module.css'
3
2
 
4
3
  const placementClasses = {
@@ -13,19 +12,19 @@ interface BotanicalSprigProps {
13
12
 
14
13
  export function BotanicalSprig({ placement }: BotanicalSprigProps) {
15
14
  return (
16
- <View className={`${styles.botanicalSprig} ${placementClasses[placement]}`} aria-hidden="true">
17
- <View className={`${styles.botanicalStem} bg-primary-stem`} />
18
- <View className={`${styles.botanicalLeaf} ${styles.botanicalLeafOne} bg-botanical-leaf`} />
19
- <View className={`${styles.botanicalLeaf} ${styles.botanicalLeafTwo} bg-botanical-leaf`} />
20
- <View className={`${styles.botanicalLeaf} ${styles.botanicalLeafThree} bg-botanical-leaf`} />
21
- <View className={`${styles.botanicalLeaf} ${styles.botanicalLeafFour} bg-botanical-leaf`} />
22
- <View className={styles.botanicalFlower}>
23
- <View className={`${styles.botanicalPetal} ${styles.botanicalPetalOne} bg-petal`} />
24
- <View className={`${styles.botanicalPetal} ${styles.botanicalPetalTwo} bg-petal`} />
25
- <View className={`${styles.botanicalPetal} ${styles.botanicalPetalThree} bg-petal`} />
26
- <View className={`${styles.botanicalPetal} ${styles.botanicalPetalFour} bg-petal`} />
27
- <View className={`${styles.botanicalFlowerCenter} bg-sun`} />
28
- </View>
29
- </View>
15
+ <div className={`${styles.botanicalSprig} ${placementClasses[placement]}`} aria-hidden="true">
16
+ <div className={`${styles.botanicalStem} bg-primary-stem`} />
17
+ <div className={`${styles.botanicalLeaf} ${styles.botanicalLeafOne} bg-botanical-leaf`} />
18
+ <div className={`${styles.botanicalLeaf} ${styles.botanicalLeafTwo} bg-botanical-leaf`} />
19
+ <div className={`${styles.botanicalLeaf} ${styles.botanicalLeafThree} bg-botanical-leaf`} />
20
+ <div className={`${styles.botanicalLeaf} ${styles.botanicalLeafFour} bg-botanical-leaf`} />
21
+ <div className={styles.botanicalFlower}>
22
+ <div className={`${styles.botanicalPetal} ${styles.botanicalPetalOne} bg-petal`} />
23
+ <div className={`${styles.botanicalPetal} ${styles.botanicalPetalTwo} bg-petal`} />
24
+ <div className={`${styles.botanicalPetal} ${styles.botanicalPetalThree} bg-petal`} />
25
+ <div className={`${styles.botanicalPetal} ${styles.botanicalPetalFour} bg-petal`} />
26
+ <div className={`${styles.botanicalFlowerCenter} bg-sun`} />
27
+ </div>
28
+ </div>
30
29
  )
31
30
  }
package/templates/default/src/components/footer/footer.tsx CHANGED
@@ -1,11 +1,9 @@
1
- import { Text, View } from 'virtual:taro/components'
2
-
3
1
  export function Footer() {
4
2
  return (
5
- <View className="mt-auto flex h-10 shrink-0 flex-row items-center justify-center border-t border-divider bg-surface-subtle/95 px-5">
6
- <Text className="text-center text-xs font-bold tracking-widest text-quiet">
3
+ <div className="mt-auto flex h-10 shrink-0 flex-row items-center justify-center border-t border-divider bg-surface-subtle/95 px-5">
4
+ <span className="text-center text-xs font-bold tracking-widest text-quiet">
7
5
  VPT · OPEN SOURCE · MIT
8
- </Text>
9
- </View>
6
+ </span>
7
+ </div>
10
8
  )
11
9
  }
package/templates/default/src/pages/home/lazy/api-card.tsx CHANGED
@@ -1,26 +1,26 @@
1
1
  import Taro from 'virtual:taro/api'
2
- import { Button, Text, View } from 'virtual:taro/components'
3
2
  import { BotanicalSprig } from '../../../components/botanical-sprig/botanical-sprig.tsx'
4
3
 
5
4
  export default function ApiCard() {
6
5
  return (
7
- <View className="relative mt-8 flex flex-col overflow-hidden rounded-3xl bg-primary p-7 text-white sm:flex-row sm:items-center sm:justify-between sm:p-9">
6
+ <div className="relative mt-8 flex flex-col overflow-hidden rounded-3xl bg-primary p-7 text-white sm:flex-row sm:items-center sm:justify-between sm:p-9">
8
7
  <BotanicalSprig placement="cta" />
9
- <View className="relative z-10 flex max-w-lg flex-col">
10
- <Text className="text-xs font-bold tracking-widest text-on-primary-accent">TARO API READY</Text>
11
- <Text className="brand-serif mt-2 block text-3xl font-semibold text-white">
8
+ <div className="relative z-10 flex max-w-lg flex-col">
9
+ <span className="text-xs font-bold tracking-widest text-on-primary-accent">TARO API READY</span>
10
+ <span className="brand-serif mt-2 block text-3xl font-semibold text-white">
12
11
  Make this starter yours.
13
- </Text>
14
- <Text className="mt-3 block text-sm leading-6 text-on-primary-muted">
12
+ </span>
13
+ <span className="mt-3 block text-sm leading-6 text-on-primary-muted">
15
14
  Add pages, connect your data and ship the same experience to WeChat and H5.
16
- </Text>
17
- </View>
18
- <Button
15
+ </span>
16
+ </div>
17
+ <button
18
+ type="button"
19
19
  className="relative z-10 mt-6 flex items-center justify-center self-start rounded-full bg-action px-6 py-3 text-sm font-bold text-action-foreground after:border-0 sm:mt-0"
20
20
  onClick={() => Taro.showToast({ title: 'Hello from VPT!' })}
21
21
  >
22
22
  Try a Taro toast →
23
- </Button>
24
- </View>
23
+ </button>
24
+ </div>
25
25
  )
26
26
  }