create-packer 1.47.1 → 1.47.2

package/template/web-extension/.wxt/types/i18n.d.ts

@@ -1,81 +1,81 @@
-// Generated by wxt
-import "wxt/browser";
-
-declare module "wxt/browser" {
-  /**
-   * See https://developer.chrome.com/docs/extensions/reference/i18n/#method-getMessage
-   */
-  interface GetMessageOptions {
-    /**
-     * See https://developer.chrome.com/docs/extensions/reference/i18n/#method-getMessage
-     */
-    escapeLt?: boolean
-  }
-
-  export interface WxtI18n extends I18n.Static {
-    /**
-     * The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.
-     * Note: You can't use this message in a manifest file.
-     *
-     * "<browser.runtime.id>"
-     */
-    getMessage(
-      messageName: "@@extension_id",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * "<browser.i18n.getUiLocale()>"
-     */
-    getMessage(
-      messageName: "@@ui_locale",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * The text direction for the current locale, either "ltr" for left-to-right languages such as English or "rtl" for right-to-left languages such as Japanese.
-     *
-     * "<ltr|rtl>"
-     */
-    getMessage(
-      messageName: "@@bidi_dir",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * If the @@bidi_dir is "ltr", then this is "rtl"; otherwise, it's "ltr".
-     *
-     * "<rtl|ltr>"
-     */
-    getMessage(
-      messageName: "@@bidi_reversed_dir",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * If the @@bidi_dir is "ltr", then this is "left"; otherwise, it's "right".
-     *
-     * "<left|right>"
-     */
-    getMessage(
-      messageName: "@@bidi_start_edge",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * If the @@bidi_dir is "ltr", then this is "right"; otherwise, it's "left".
-     *
-     * "<right|left>"
-     */
-    getMessage(
-      messageName: "@@bidi_end_edge",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    getMessage(
-      messageName: "@@extension_id" | "@@ui_locale" | "@@bidi_dir" | "@@bidi_reversed_dir" | "@@bidi_start_edge" | "@@bidi_end_edge",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-  }
-}
+// Generated by wxt
+import "wxt/browser";
+
+declare module "wxt/browser" {
+  /**
+   * See https://developer.chrome.com/docs/extensions/reference/i18n/#method-getMessage
+   */
+  interface GetMessageOptions {
+    /**
+     * See https://developer.chrome.com/docs/extensions/reference/i18n/#method-getMessage
+     */
+    escapeLt?: boolean
+  }
+
+  export interface WxtI18n extends I18n.Static {
+    /**
+     * The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.
+     * Note: You can't use this message in a manifest file.
+     *
+     * "<browser.runtime.id>"
+     */
+    getMessage(
+      messageName: "@@extension_id",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * "<browser.i18n.getUiLocale()>"
+     */
+    getMessage(
+      messageName: "@@ui_locale",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * The text direction for the current locale, either "ltr" for left-to-right languages such as English or "rtl" for right-to-left languages such as Japanese.
+     *
+     * "<ltr|rtl>"
+     */
+    getMessage(
+      messageName: "@@bidi_dir",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * If the @@bidi_dir is "ltr", then this is "rtl"; otherwise, it's "ltr".
+     *
+     * "<rtl|ltr>"
+     */
+    getMessage(
+      messageName: "@@bidi_reversed_dir",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * If the @@bidi_dir is "ltr", then this is "left"; otherwise, it's "right".
+     *
+     * "<left|right>"
+     */
+    getMessage(
+      messageName: "@@bidi_start_edge",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * If the @@bidi_dir is "ltr", then this is "right"; otherwise, it's "left".
+     *
+     * "<right|left>"
+     */
+    getMessage(
+      messageName: "@@bidi_end_edge",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    getMessage(
+      messageName: "@@extension_id" | "@@ui_locale" | "@@bidi_dir" | "@@bidi_reversed_dir" | "@@bidi_start_edge" | "@@bidi_end_edge",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+  }
+}

package/template/web-extension/.wxt/types/imports-module.d.ts

@@ -1,20 +1,20 @@
-// Generated by wxt
-// Types for the #import virtual module
-declare module '#imports' {
-  export { browser, Browser } from 'wxt/browser';
-  export { storage, StorageArea, WxtStorage, WxtStorageItem, StorageItemKey, StorageAreaChanges, MigrationError } from 'wxt/utils/storage';
-  export { useAppConfig } from 'wxt/utils/app-config';
-  export { ContentScriptContext, WxtWindowEventMap } from 'wxt/utils/content-script-context';
-  export { createIframeUi, IframeContentScriptUi, IframeContentScriptUiOptions } from 'wxt/utils/content-script-ui/iframe';
-  export { createIntegratedUi, IntegratedContentScriptUi, IntegratedContentScriptUiOptions } from 'wxt/utils/content-script-ui/integrated';
-  export { createShadowRootUi, ShadowRootContentScriptUi, ShadowRootContentScriptUiOptions } from 'wxt/utils/content-script-ui/shadow-root';
-  export { ContentScriptUi, ContentScriptUiOptions, ContentScriptOverlayAlignment, ContentScriptAppendMode, ContentScriptInlinePositioningOptions, ContentScriptOverlayPositioningOptions, ContentScriptModalPositioningOptions, ContentScriptPositioningOptions, ContentScriptAnchoredOptions, AutoMountOptions, StopAutoMount, AutoMount } from 'wxt/utils/content-script-ui/types';
-  export { defineAppConfig, WxtAppConfig } from 'wxt/utils/define-app-config';
-  export { defineBackground } from 'wxt/utils/define-background';
-  export { defineContentScript } from 'wxt/utils/define-content-script';
-  export { defineUnlistedScript } from 'wxt/utils/define-unlisted-script';
-  export { defineWxtPlugin } from 'wxt/utils/define-wxt-plugin';
-  export { injectScript, ScriptPublicPath, InjectScriptOptions } from 'wxt/utils/inject-script';
-  export { InvalidMatchPattern, MatchPattern } from 'wxt/utils/match-patterns';
-  export { fakeBrowser } from 'wxt/testing';
-}
+// Generated by wxt
+// Types for the #import virtual module
+declare module '#imports' {
+  export { browser, Browser } from 'wxt/browser';
+  export { storage, StorageArea, WxtStorage, WxtStorageItem, StorageItemKey, StorageAreaChanges, MigrationError } from 'wxt/utils/storage';
+  export { useAppConfig } from 'wxt/utils/app-config';
+  export { ContentScriptContext, WxtWindowEventMap } from 'wxt/utils/content-script-context';
+  export { createIframeUi, IframeContentScriptUi, IframeContentScriptUiOptions } from 'wxt/utils/content-script-ui/iframe';
+  export { createIntegratedUi, IntegratedContentScriptUi, IntegratedContentScriptUiOptions } from 'wxt/utils/content-script-ui/integrated';
+  export { createShadowRootUi, ShadowRootContentScriptUi, ShadowRootContentScriptUiOptions } from 'wxt/utils/content-script-ui/shadow-root';
+  export { ContentScriptUi, ContentScriptUiOptions, ContentScriptOverlayAlignment, ContentScriptAppendMode, ContentScriptInlinePositioningOptions, ContentScriptOverlayPositioningOptions, ContentScriptModalPositioningOptions, ContentScriptPositioningOptions, ContentScriptAnchoredOptions, AutoMountOptions, StopAutoMount, AutoMount } from 'wxt/utils/content-script-ui/types';
+  export { defineAppConfig, WxtAppConfig } from 'wxt/utils/define-app-config';
+  export { defineBackground } from 'wxt/utils/define-background';
+  export { defineContentScript } from 'wxt/utils/define-content-script';
+  export { defineUnlistedScript } from 'wxt/utils/define-unlisted-script';
+  export { defineWxtPlugin } from 'wxt/utils/define-wxt-plugin';
+  export { injectScript, ScriptPublicPath, InjectScriptOptions } from 'wxt/utils/inject-script';
+  export { InvalidMatchPattern, MatchPattern } from 'wxt/utils/match-patterns';
+  export { fakeBrowser } from 'wxt/testing';
+}

package/template/web-extension/.wxt/types/imports.d.ts

@@ -1,50 +1,50 @@
-// Generated by wxt
-export {}
-declare global {
-  const ContentScriptContext: typeof import('wxt/utils/content-script-context')['ContentScriptContext']
-  const InvalidMatchPattern: typeof import('wxt/utils/match-patterns')['InvalidMatchPattern']
-  const MatchPattern: typeof import('wxt/utils/match-patterns')['MatchPattern']
-  const browser: typeof import('wxt/browser')['browser']
-  const createIframeUi: typeof import('wxt/utils/content-script-ui/iframe')['createIframeUi']
-  const createIntegratedUi: typeof import('wxt/utils/content-script-ui/integrated')['createIntegratedUi']
-  const createShadowRootUi: typeof import('wxt/utils/content-script-ui/shadow-root')['createShadowRootUi']
-  const defineAppConfig: typeof import('wxt/utils/define-app-config')['defineAppConfig']
-  const defineBackground: typeof import('wxt/utils/define-background')['defineBackground']
-  const defineContentScript: typeof import('wxt/utils/define-content-script')['defineContentScript']
-  const defineUnlistedScript: typeof import('wxt/utils/define-unlisted-script')['defineUnlistedScript']
-  const defineWxtPlugin: typeof import('wxt/utils/define-wxt-plugin')['defineWxtPlugin']
-  const fakeBrowser: typeof import('wxt/testing')['fakeBrowser']
-  const injectScript: typeof import('wxt/utils/inject-script')['injectScript']
-  const storage: typeof import('wxt/utils/storage')['storage']
-  const useAppConfig: typeof import('wxt/utils/app-config')['useAppConfig']
-}
-// for type re-export
-declare global {
-  // @ts-ignore
-  export type { Browser } from 'wxt/browser'
-  import('wxt/browser')
-  // @ts-ignore
-  export type { StorageArea, WxtStorage, WxtStorageItem, StorageItemKey, StorageAreaChanges, MigrationError } from 'wxt/utils/storage'
-  import('wxt/utils/storage')
-  // @ts-ignore
-  export type { WxtWindowEventMap } from 'wxt/utils/content-script-context'
-  import('wxt/utils/content-script-context')
-  // @ts-ignore
-  export type { IframeContentScriptUi, IframeContentScriptUiOptions } from 'wxt/utils/content-script-ui/iframe'
-  import('wxt/utils/content-script-ui/iframe')
-  // @ts-ignore
-  export type { IntegratedContentScriptUi, IntegratedContentScriptUiOptions } from 'wxt/utils/content-script-ui/integrated'
-  import('wxt/utils/content-script-ui/integrated')
-  // @ts-ignore
-  export type { ShadowRootContentScriptUi, ShadowRootContentScriptUiOptions } from 'wxt/utils/content-script-ui/shadow-root'
-  import('wxt/utils/content-script-ui/shadow-root')
-  // @ts-ignore
-  export type { ContentScriptUi, ContentScriptUiOptions, ContentScriptOverlayAlignment, ContentScriptAppendMode, ContentScriptInlinePositioningOptions, ContentScriptOverlayPositioningOptions, ContentScriptModalPositioningOptions, ContentScriptPositioningOptions, ContentScriptAnchoredOptions, AutoMountOptions, StopAutoMount, AutoMount } from 'wxt/utils/content-script-ui/types'
-  import('wxt/utils/content-script-ui/types')
-  // @ts-ignore
-  export type { WxtAppConfig } from 'wxt/utils/define-app-config'
-  import('wxt/utils/define-app-config')
-  // @ts-ignore
-  export type { ScriptPublicPath, InjectScriptOptions } from 'wxt/utils/inject-script'
-  import('wxt/utils/inject-script')
-}
+// Generated by wxt
+export {}
+declare global {
+  const ContentScriptContext: typeof import('wxt/utils/content-script-context').ContentScriptContext
+  const InvalidMatchPattern: typeof import('wxt/utils/match-patterns').InvalidMatchPattern
+  const MatchPattern: typeof import('wxt/utils/match-patterns').MatchPattern
+  const browser: typeof import('wxt/browser').browser
+  const createIframeUi: typeof import('wxt/utils/content-script-ui/iframe').createIframeUi
+  const createIntegratedUi: typeof import('wxt/utils/content-script-ui/integrated').createIntegratedUi
+  const createShadowRootUi: typeof import('wxt/utils/content-script-ui/shadow-root').createShadowRootUi
+  const defineAppConfig: typeof import('wxt/utils/define-app-config').defineAppConfig
+  const defineBackground: typeof import('wxt/utils/define-background').defineBackground
+  const defineContentScript: typeof import('wxt/utils/define-content-script').defineContentScript
+  const defineUnlistedScript: typeof import('wxt/utils/define-unlisted-script').defineUnlistedScript
+  const defineWxtPlugin: typeof import('wxt/utils/define-wxt-plugin').defineWxtPlugin
+  const fakeBrowser: typeof import('wxt/testing').fakeBrowser
+  const injectScript: typeof import('wxt/utils/inject-script').injectScript
+  const storage: typeof import('wxt/utils/storage').storage
+  const useAppConfig: typeof import('wxt/utils/app-config').useAppConfig
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Browser } from 'wxt/browser'
+  import('wxt/browser')
+  // @ts-ignore
+  export type { StorageArea, WxtStorage, WxtStorageItem, StorageItemKey, StorageAreaChanges, MigrationError } from 'wxt/utils/storage'
+  import('wxt/utils/storage')
+  // @ts-ignore
+  export type { WxtWindowEventMap } from 'wxt/utils/content-script-context'
+  import('wxt/utils/content-script-context')
+  // @ts-ignore
+  export type { IframeContentScriptUi, IframeContentScriptUiOptions } from 'wxt/utils/content-script-ui/iframe'
+  import('wxt/utils/content-script-ui/iframe')
+  // @ts-ignore
+  export type { IntegratedContentScriptUi, IntegratedContentScriptUiOptions } from 'wxt/utils/content-script-ui/integrated'
+  import('wxt/utils/content-script-ui/integrated')
+  // @ts-ignore
+  export type { ShadowRootContentScriptUi, ShadowRootContentScriptUiOptions } from 'wxt/utils/content-script-ui/shadow-root'
+  import('wxt/utils/content-script-ui/shadow-root')
+  // @ts-ignore
+  export type { ContentScriptUi, ContentScriptUiOptions, ContentScriptOverlayAlignment, ContentScriptAppendMode, ContentScriptInlinePositioningOptions, ContentScriptOverlayPositioningOptions, ContentScriptModalPositioningOptions, ContentScriptPositioningOptions, ContentScriptAnchoredOptions, AutoMountOptions, StopAutoMount, AutoMount } from 'wxt/utils/content-script-ui/types'
+  import('wxt/utils/content-script-ui/types')
+  // @ts-ignore
+  export type { WxtAppConfig } from 'wxt/utils/define-app-config'
+  import('wxt/utils/define-app-config')
+  // @ts-ignore
+  export type { ScriptPublicPath, InjectScriptOptions } from 'wxt/utils/inject-script'
+  import('wxt/utils/inject-script')
+}

package/template/web-extension/.wxt/types/paths.d.ts

@@ -1,17 +1,17 @@
-// Generated by wxt
-import "wxt/browser";
-
-declare module "wxt/browser" {
-  export type PublicPath =
-    | ""
-    | "/"
-    | "/background.js"
-    | "/content-scripts/content.js"
-    | "/popup.html"
-    | "/vite.svg"
-  type HtmlPublicPath = Extract<PublicPath, `${string}.html`>
-  export interface WxtRuntime {
-    getURL(path: PublicPath): string;
-    getURL(path: `${HtmlPublicPath}${string}`): string;
-  }
-}
+// Generated by wxt
+import "wxt/browser";
+
+declare module "wxt/browser" {
+  export type PublicPath =
+    | ""
+    | "/"
+    | "/background.js"
+    | "/content-scripts/content.js"
+    | "/popup.html"
+    | "/vite.svg"
+  type HtmlPublicPath = Extract<PublicPath, `${string}.html`>
+  export interface WxtRuntime {
+    getURL(path: PublicPath): string;
+    getURL(path: `${HtmlPublicPath}${string}`): string;
+  }
+}

package/template/web-extension/.wxt/wxt.d.ts

@@ -1,7 +1,7 @@
-// Generated by wxt
-/// <reference types="wxt/vite-builder-env" />
-/// <reference path="./types/paths.d.ts" />
-/// <reference path="./types/i18n.d.ts" />
-/// <reference path="./types/globals.d.ts" />
-/// <reference path="./types/imports-module.d.ts" />
-/// <reference path="./types/imports.d.ts" />
+// Generated by wxt
+/// <reference types="wxt/vite-builder-env" />
+/// <reference path="./types/paths.d.ts" />
+/// <reference path="./types/i18n.d.ts" />
+/// <reference path="./types/globals.d.ts" />
+/// <reference path="./types/imports-module.d.ts" />
+/// <reference path="./types/imports.d.ts" />

package/template/web-extension/entrypoints/content/index.tsx

@@ -1,5 +1,6 @@
 import { CONTENT_MATCHES, contentMessage } from '@/shared/content'
 import { Common } from './modules'
+import '@/shared/styles/theme.css'
 
 export default defineContentScript({
     runAt: 'document_idle',

package/template/web-extension/entrypoints/popup/main.tsx

@@ -2,6 +2,7 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import { AppContext } from '@/shared/components'
 import Popup from './popup'
+import '@/shared/styles/theme.css'
 
 createRoot(document.getElementById('root') as HTMLElement).render(
     <StrictMode>

package/template/web-extension/entrypoints/popup/popup.tsx

@@ -1,3 +1,3 @@
 export default function Home() {
-    return <div>home</div>
+    return <div className="tw:flex">home</div>
 }

package/template/web-extension/package.json

@@ -25,8 +25,6 @@
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
-        "@emotion/react": "11.14.0",
-        "@emotion/styled": "11.14.1",
         "@tanstack/react-query": "5.51.15",
         "@webext-core/messaging": "2.2.0",
         "axios": "1.7.9",
@@ -36,6 +34,7 @@
         "qs": "6.11.2",
         "react": "18.3.1",
         "react-dom": "18.3.1",
+        "tailwindcss": "4.1.4",
         "type-fest": "4.33.0",
         "zustand": "5.0.3"
     },
@@ -43,8 +42,8 @@
         "@commitlint/cli": "17.6.1",
         "@commitlint/config-conventional": "17.6.1",
         "@commitlint/cz-commitlint": "17.5.0",
-        "@emotion/babel-plugin": "11.13.5",
         "@eslint/js": "9.15.0",
+        "@tailwindcss/vite": "4.1.18",
         "@types/chrome": "0.0.254",
         "@types/node": "18.16.0",
         "@types/qs": "6.9.7",
@@ -61,7 +60,7 @@
         "eslint-plugin-react-hooks": "5.1.0",
         "globals": "15.12.0",
         "husky": "9.1.6",
-        "inquirer": "^8.1.2",
+        "inquirer": "8.1.2",
         "postcss": "8.4.31",
         "postcss-import": "15.1.0",
         "postcss-nesting": "11.2.2",

package/template/web-extension/shared/components/app-context/view.tsx

@@ -1,19 +1,10 @@
 import { FunctionComponent, ReactNode } from 'react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { Global, ThemeProvider } from '@emotion/react'
-import { createGlobalCss, theme } from '@/shared/styles'
 
 const queryClient = new QueryClient()
 
 const AppContext: FunctionComponent<{ children: ReactNode; classNameSpace?: string }> = props => {
-    return (
-        <ThemeProvider theme={theme}>
-            <QueryClientProvider client={queryClient}>
-                <Global styles={createGlobalCss(props.classNameSpace)} />
-                {props.children}
-            </QueryClientProvider>
-        </ThemeProvider>
-    )
+    return <QueryClientProvider client={queryClient}>{props.children}</QueryClientProvider>
 }
 
 export default AppContext

package/template/web-extension/shared/styles/theme.css

@@ -0,0 +1,4 @@
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" prefix(tw) layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
+

package/template/web-extension/tsconfig.json

@@ -18,7 +18,6 @@
         "isolatedModules": true,
         "noEmit": true,
         "jsx": "react-jsx",
-        "jsxImportSource": "@emotion/react",
         "paths": {
             "@/*": ["./*"]
         }

package/template/web-extension/vite-env.d.ts

@@ -1,21 +1,12 @@
 /// <reference types="vite/client" />
 /// <reference types="./.wxt/wxt.d.ts" />
 
-import '@emotion/react'
-import { type themeType } from '@/shared/styles'
-
-declare global {
-    interface ImportMetaEnv {
-        readonly VITE_BASE_URL: string
-        readonly VITE_API_HOST: string
-        // 更多环境变量...
-    }
-
-    interface ImportMeta {
-        readonly env: ImportMetaEnv
-    }
+interface ImportMetaEnv {
+    readonly VITE_BASE_URL: string
+    readonly VITE_API_HOST: string
+    // 更多环境变量...
 }
 
-declare module '@emotion/react' {
-    export interface Theme extends themeType {}
+interface ImportMeta {
+    readonly env: ImportMetaEnv
 }

package/template/web-extension/wxt.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig, UserManifestFn } from 'wxt'
 import react from '@vitejs/plugin-react'
 import svgr from 'vite-plugin-svgr'
+import tailwindcss from '@tailwindcss/vite'
 import pkgJson from './package.json'
 
 const manifest: UserManifestFn = () => {
@@ -29,7 +30,7 @@ export default defineConfig({
     runner: { disabled: true },
     imports: { eslintrc: { enabled: 9 } },
     vite: ({ mode }) => ({
-        plugins: [svgr(), react({ babel: { plugins: [['@emotion']] } })] as any,
+        plugins: [tailwindcss(), svgr(), react()] as any,
         resolve: {
             alias: {
                 '@': __dirname

package/template/web-app/react-rsbuild/pages/home/view.styled.ts

@@ -1,5 +0,0 @@
-import styled from '@emotion/styled'
-
-export const StyledRoot = styled.div`
-    ${({ theme }) => theme.tools.flex('center', 'center')}
-`

package/template/web-app/react-rsbuild/shared/styles/global.ts

@@ -1,7 +0,0 @@
-import { css } from '@emotion/react'
-
-export const globalCss = css`
-    body {
-        margin: 0;
-    }
-`

package/template/web-app/react-rsbuild/shared/styles/index.ts

@@ -1,2 +0,0 @@
-export * from './global'
-export * from './theme'

package/template/web-app/react-rsbuild/shared/styles/theme.ts

@@ -1,50 +0,0 @@
-import { CSSProperties } from 'react'
-import { isString } from 'es-toolkit'
-import { isNumber } from 'es-toolkit/compat'
-
-export const theme = {
-    tools: {
-        ellipsis: () => ({
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
-        }),
-        lineClamp: (n: number) => ({
-            '-webkit-line-clamp': `${n}`,
-            '-webkit-box-orient': 'vertical',
-            overflow: 'hidden',
-            display: '-webkit-box'
-        }),
-        size: (s: string) => ({ width: s, height: s }),
-        py: (s: string) => ({ paddingTop: s, paddingBottom: s }),
-        px: (s: string) => ({ paddingLeft: s, paddingRight: s }),
-        my: (s: string) => ({ marginTop: s, marginBottom: s }),
-        mx: (s: string) => ({ marginLeft: s, marginRight: s }),
-        flex: (
-            align: CSSProperties['alignItems'],
-            justify: CSSProperties['justifyContent'],
-            vertical?: boolean
-        ) => {
-            return {
-                display: 'flex',
-                alignItems: align,
-                justifyContent: justify,
-                flexDirection: vertical ? 'column' : 'row'
-            } satisfies CSSProperties
-        },
-        /** 数字为元素数量，字符串为对应css的值  */
-        grid: (
-            rows: number | CSSProperties['gridTemplateRows'],
-            cols: number | CSSProperties['gridTemplateColumns'],
-            gap?: number | string
-        ) => {
-            return {
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                gap: isNumber(gap) ? `${gap}px` : gap
-            } satisfies CSSProperties
-        }
-    }
-}
-export type themeType = typeof theme

package/template/web-app/react-vite/pages/home/view.styled.ts

@@ -1,5 +0,0 @@
-import styled from '@emotion/styled'
-
-export const StyledRoot = styled.div`
-    ${({ theme }) => theme.tools.flex('center', 'center')}
-`

package/template/web-app/react-vite/shared/styles/global.ts

@@ -1,7 +0,0 @@
-import { css } from '@emotion/react'
-
-export const globalCss = css`
-    body {
-        margin: 0;
-    }
-`

package/template/web-app/react-vite/shared/styles/index.ts

@@ -1,2 +0,0 @@
-export * from './global'
-export * from './theme'