@4399ywkf/cli 1.0.10 → 2.0.1

package/dist/templates/src/config/env.ts

@@ -1,84 +0,0 @@
-import { z } from "zod";
-
-/**
- * 环境变量 Schema 定义
- */
-const envSchema = z.object({
-  // Node 环境
-  NODE_ENV: z
-    .enum(["development", "test", "testDevelopment", "production"])
-    .default("development"),
-
-  // 应用配置
-  APP_NAME: z.string().min(1, "应用名称不能为空").default("app"),
-  APP_CNAME: z.string().default("应用"),
-  BASENAME: z.string().optional(),
-
-  // API 配置
-  API_PREFIX: z.string().default("/api"),
-  API_TIMEOUT: z
-    .string()
-    .transform(Number)
-    .pipe(z.number().positive())
-    .default(30000),
-
-  // Cookie 配置
-  COOKIE_NAME: z.string().default("access_token"),
-
-  // 其他配置
-  HELP_CENTER_URL: z.string().url().optional(),
-  OUTPUT_PATH: z.string().default("dist"),
-  PUBLIC_PATH: z.string().default("/"),
-});
-
-/**
- * 安全解析环境变量（开发模式下使用默认值）
- */
-function safeParseEnv() {
-  const result = envSchema.safeParse(process.env);
-
-  if (!result.success) {
-    if (process.env.NODE_ENV === "production") {
-      // 生产环境严格校验
-      console.error("❌ 环境变量验证失败:");
-      result.error.issues.forEach((err) => {
-        console.error(`  - ${err.path.join(".")}: ${err.message}`);
-      });
-      throw new Error("环境变量配置错误");
-    } else {
-      // 开发环境警告但不中断
-      console.warn("⚠️ 环境变量验证警告:");
-      result.error.issues.forEach((err) => {
-        console.warn(`  - ${err.path.join(".")}: ${err.message}`);
-      });
-    }
-  }
-
-  return result.success ? result.data : envSchema.parse({});
-}
-
-/**
- * 导出类型安全的环境变量
- */
-export const env = safeParseEnv();
-
-/**
- * 环境变量类型
- */
-export type Env = z.infer<typeof envSchema>;
-
-/**
- * 工具函数：判断是否为开发环境
- */
-export const isDev = env.NODE_ENV === "development";
-
-/**
- * 工具函数：判断是否为生产环境
- */
-export const isProd = env.NODE_ENV === "production";
-
-/**
- * 工具函数：判断是否为测试环境
- */
-export const isTest =
-  env.NODE_ENV === "test" || env.NODE_ENV === "testDevelopment";

package/dist/templates/src/const/locale.ts

@@ -1,9 +0,0 @@
-import { supportLocales } from '@/locales/resources';
-
-export const DEFAULT_LANG = 'zh-CN';
-
-/**
- * Check if the language is supported
- * @param locale
- */
-export const isLocaleNotSupport = (locale: string) => !supportLocales.includes(locale);

package/dist/templates/src/const/system.ts

@@ -1 +0,0 @@
-export const SYSTEM_PREFIX = process.env.APP_NAME ?? "";

package/dist/templates/src/const/theme.ts

@@ -1,5 +0,0 @@
-export const CLOUD_THEME_APPEARANCE = "CLOUD_THEME_APPEARANCE";
-
-export const CLOUD_THEME_PRIMARY_COLOR = "CLOUD_THEME_PRIMARY_COLOR";
-
-export const CLOUD_THEME_NEUTRAL_COLOR = "CLOUD_THEME_NEUTRAL_COLOR";

package/dist/templates/src/const/url.ts

@@ -1 +0,0 @@
-export const imageUrl = (filename: string) => `/public/images/${filename}`;

package/dist/templates/src/index.css

@@ -1,2 +0,0 @@
-@import "tailwindcss";
-@variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));

package/dist/templates/src/index.tsx

@@ -1,15 +0,0 @@
-import "./index.css";
-import { renderClient } from "@config/router";
-import { createGarfishProvider, isMicroApp } from "@/micro/garfish";
-import { env } from "@/config/env";
-
-// 微前端模式：导出 Garfish 生命周期
-export const provider = createGarfishProvider(env.APP_NAME);
-
-// 独立运行模式：直接渲染
-if (!isMicroApp()) {
-  renderClient({
-    basename: env.BASENAME,
-    rootElement: document.getElementById(env.APP_NAME) ?? document.body,
-  });
-}

package/dist/templates/src/layout/BaseLayout.tsx

@@ -1,15 +0,0 @@
-import useGlobalStore from '@store/global';
-import { Layout as AntdLayout } from 'antd';
-import React, { useEffect } from 'react';
-import { Outlet } from 'react-router';
-
-const BaseLayout = () => {
-  const layout = useGlobalStore(state => state.layout);
-
-  return (
-    <AntdLayout className="flex !flex-col h-full ">
-      <Outlet />
-    </AntdLayout>
-  );
-};
-export default BaseLayout;

package/dist/templates/src/layout/ContentFormWrapper.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import styles from './ContentWrapper.module.less';
-
-export const ContentFormWrapper = ({ children }: { children: ReactNode }) => (
-  <div
-    className={`${styles['content-wrapper']} ${styles['content-wrapper-form-container']}`}
-  >
-    {children}
-  </div>
-);

package/dist/templates/src/layout/ContentWrapper.module.less

@@ -1,137 +0,0 @@
-.content_wrapper {
-  height: calc(100% - 49px);
-  overflow-y: auto;
-  position: relative;
-  width: 100%;
-}
-
-.content-wrapper {
-  position: relative;
-}
-
-.content-wrapper-form-container {
-  background: #fff;
-  height: calc(100vh - 112px);
-  overflow: auto;
-  position: relative;
-  width: 100%;
-
-  .content-wrapper-form {
-    margin-top: 20px;
-    max-width: 1200px;
-    margin-left: auto;
-    margin-right: auto;
-    padding-left: 20px;
-    padding-right: 20px;
-  }
-
-  .form-footer-layout {
-    position: relative;
-  }
-}
-
-.content-wrapper-list {
-  background-color: var(--contexify-menu-bgColor);
-  border-radius: var(--border-radius-medium);
-  margin: 20px;
-  min-height: calc(100% - 40px);
-  padding: 0 12px;
-
-  .content-wrapper-content {
-    margin-top: 20px;
-  }
-
-  .content-wrapper-title {
-    align-items: center;
-    color: #020814;
-    display: flex;
-    font-size: 18px;
-    font-weight: 500;
-    line-height: 26px;
-  }
-}
-
-.content-wrapper-headerBox {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-
-  &>span:last-child {
-    margin-right: 0;
-  }
-}
-
-:global {
-  .richTableTitle {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-  }
-}
-
-.content-wrapper-create_header {
-  background: #fff;
-  height: var(--container--form--layout--header-height);
-  width: 100%;
-
-  .content-wrapper-header-table {
-    max-width: 100% !important;
-  }
-
-  .content-wrapper-header {
-    border-bottom: 1px solid #eaedf1;
-    display: flex;
-    align-items: center;
-    height: var(--container--form--layout--header-height);
-    line-height: var(--container--form--layout--header-height);
-    margin: 0 auto;
-    max-width: 1200px;
-
-    .content-wrapper-back_wrapper {
-      align-items: center;
-      display: flex;
-      width: auto;
-
-      .content-wrapper-icon_wrapper {
-        align-items: center;
-        border-radius: 4px;
-        cursor: pointer;
-        display: flex;
-        height: 20px;
-        justify-content: center;
-        line-height: 20px;
-        transition: background 0.3s;
-        width: 20px;
-      }
-
-      .content-wrapper-title {
-        color: #020814;
-        font-size: 18px;
-        font-weight: 500;
-        line-height: 26px;
-        margin-left: 4px;
-      }
-    }
-  }
-}
-
-.form-wrapper-footer_wrapper {
-  background: #fff;
-  border-top: 1px solid #e5e6eb;
-  bottom: 0;
-  height: 64px;
-  position: fixed;
-  width: 100%;
-  z-index: 100;
-
-  .form-wrapper-footer {
-    align-items: center;
-    display: flex;
-    height: 100%;
-    justify-content: flex-start;
-    margin: 0 auto;
-    max-width: 100vw;
-    padding: 0 20px;
-    width: 100%;
-    gap: 8px;
-  }
-}

package/dist/templates/src/layout/ContentWrapper.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import styles from './ContentWrapper.module.less';
-
-export const ContentWrapper = ({ children }: { children: ReactNode }) => (
-  <div className={styles.content_wrapper}>
-    <div
-      className={`${styles['content-wrapper']} ${styles['content-wrapper-list']}`}
-    >
-      {children}
-    </div>
-  </div>
-);

package/dist/templates/src/layout/GlobalProvider/AppTheme.tsx

@@ -1,136 +0,0 @@
-import ThemeProvider from "@/components/ThemeProvider";
-import { CLOUD_THEME_APPEARANCE } from "@/const/theme";
-import { setCookie } from "@/utils/cookie";
-
-// import { useGlobalStore } from "@store/global";
-import React, { memo, useEffect, type ReactNode } from "react";
-
-import { SYSTEM_PREFIX } from "@/const/system";
-import { GlobalStyle } from "@/styles";
-import { useUserStore } from "@store/user";
-import { createStaticStyles, cx } from "antd-style";
-import HarmonyOS_Sans_Regular from "@public/fonts/HarmonyOS_Sans_Regular.woff2";
-import AntdStaticMethods from "@/components/AntdStaticMethods";
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  app: css`
-    position: relative;
-
-    overscroll-behavior: none;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    height: 100%;
-    min-height: 100dvh;
-    max-height: 100dvh;
-
-    @media (min-device-width: 576px) {
-      overflow: hidden;
-    }
-  `,
-  // scrollbar-width and scrollbar-color are supported from Chrome 121
-  // https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color
-  scrollbar: css`
-    scrollbar-color: ${cssVar.colorFill} transparent;
-    scrollbar-width: thin;
-
-    #lobe-mobile-scroll-container {
-      scrollbar-width: none;
-
-      ::-webkit-scrollbar {
-        width: 0;
-        height: 0;
-      }
-    }
-  `,
-
-  // so this is a polyfill for older browsers
-  scrollbarPolyfill: css`
-    ::-webkit-scrollbar {
-      width: 0.75em;
-      height: 0.75em;
-    }
-
-    ::-webkit-scrollbar-thumb {
-      border-radius: 10px;
-    }
-
-    :hover::-webkit-scrollbar-thumb {
-      border: 3px solid transparent;
-      background-color: ${cssVar.colorText};
-      background-clip: content-box;
-    }
-
-    ::-webkit-scrollbar-track {
-      background-color: transparent;
-    }
-  `,
-}));
-
-interface AppThemeProps {
-  children: ReactNode;
-}
-
-const AppTheme = memo(({ children }: AppThemeProps) => {
-  const themeMode = useUserStore((s) => s.themeMode);
-  const animationMode = useUserStore((s) => s.animationMode);
-  const neutralColor = useUserStore((s) => s.neutralColor);
-  const primaryColor = useUserStore((s) => s.primaryColor);
-
-  useEffect(() => {
-    // Update data-theme accordingly if user selects light or dark
-    if (themeMode !== "auto") {
-      document.documentElement.dataset.theme = themeMode;
-      return;
-    }
-
-    // For auto mode, we need to watch system preferences
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-
-    // Set initial theme based on system preference
-    document.documentElement.dataset.theme = mediaQuery.matches
-      ? "dark"
-      : "light";
-
-    // Update theme when system preference changes
-    function handleChange(e) {
-      document.documentElement.dataset.theme = e.matches ? "dark" : "light";
-    }
-
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, [themeMode]);
-
-  return (
-    <ThemeProvider
-      prefixCls={SYSTEM_PREFIX}
-      appearance={themeMode !== "auto" ? themeMode : undefined}
-      className={cx(styles.app, styles.scrollbar, styles.scrollbarPolyfill)}
-      customTheme={{
-        neutralColor: neutralColor,
-        primaryColor: primaryColor,
-      }}
-      customFonts={[HarmonyOS_Sans_Regular]}
-      theme={{
-        cssVar: true,
-        token: {
-          motion: animationMode !== "disabled",
-          motionUnit: animationMode === "agile" ? 0.05 : 0.1,
-        },
-      }}
-      themeMode={themeMode}
-      onAppearanceChange={(appearance) => {
-        if (themeMode !== "auto") return;
-
-        setCookie(CLOUD_THEME_APPEARANCE, appearance);
-      }}
-    >
-      {children}
-      <AntdStaticMethods />
-      <GlobalStyle />
-    </ThemeProvider>
-  );
-});
-
-export default AppTheme;

package/dist/templates/src/layout/GlobalProvider/Locale.tsx

@@ -1,84 +0,0 @@
-import { ConfigProvider } from 'antd';
-import dayjs from 'dayjs';
-import { type PropsWithChildren, memo, useEffect, useState } from 'react';
-import { isRtlLang } from 'rtl-detect';
-
-import { createI18nNext } from '@/locales/create';
-import { getAntdLocale } from '@/utils/locale';
-
-
-const updateDayjs = async (lang: string) => {
-  let dayJSLocale;
-  try {
-    // dayjs locale is using `en` instead of `en-US`
-    // refs: https://github.com/lobehub/lobe-chat/issues/3396
-    const locale = lang!.toLowerCase() === 'en-us' ? 'en' : lang!.toLowerCase();
-
-    dayJSLocale = await import(`dayjs/locale/${locale}.js`);
-  } catch {
-    console.warn(`dayjs locale for ${lang} not found, fallback to en`);
-    dayJSLocale = await import(`dayjs/locale/en.js`);
-  }
-
-  dayjs.locale(dayJSLocale.default);
-};
-
-interface LocaleLayoutProps extends PropsWithChildren {
-  antdLocale?: any;
-  defaultLang?: string;
-}
-
-const Locale = memo<LocaleLayoutProps>(({ children, defaultLang, antdLocale }) => {
-  const [i18n] = useState(() => createI18nNext(defaultLang));
-  const [lang, setLang] = useState(defaultLang);
-  const [locale, setLocale] = useState(antdLocale);
-
-  if (!i18n.instance.isInitialized)
-      i18n.init().then(async () => {
-        if (!lang) return;
-
-        await updateDayjs(lang);
-      });
-
-  // handle i18n instance language change
-  useEffect(() => {
-    const handleLang = async (lng: string) => {
-      setLang(lng);
-
-      if (lang === lng) return;
-
-      const newLocale = await getAntdLocale(lng);
-      setLocale(newLocale);
-
-      await updateDayjs(lng);
-    };
-
-    i18n.instance.on('languageChanged', handleLang);
-    return () => {
-      i18n.instance.off('languageChanged', handleLang);
-    };
-  }, [i18n, lang]);
-
-  // detect document direction
-  const documentDir = isRtlLang(lang!) ? 'rtl' : 'ltr';
-
-  return (
-    <ConfigProvider
-      direction={documentDir}
-      locale={locale}
-      theme={{
-        components: {
-          Button: {
-            contentFontSizeSM: 12,
-          },
-        },
-      }}
-    >
-      {children}
-    </ConfigProvider>
-  );
-});
-
-Locale.displayName = 'Locale';
-
-export default Locale;

package/dist/templates/src/layout/GlobalProvider/Query.tsx

@@ -1,12 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import React, { type PropsWithChildren, useEffect, useState } from 'react';
-
-const QueryProvider = ({ children }: PropsWithChildren) => {
-  const [queryClient] = useState(() => new QueryClient());
-
-  return (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-};
-
-export default QueryProvider;

package/dist/templates/src/layout/GlobalProvider/StyleRegistry.tsx

@@ -1,9 +0,0 @@
-import { StyleProvider } from 'antd-style';
-import { type PropsWithChildren } from 'react';
-
-
-const StyleRegistry = ({ children }: PropsWithChildren) => {
-  return <StyleProvider>{children}</StyleProvider>;
-};
-
-export default StyleRegistry;

package/dist/templates/src/layout/GlobalProvider/index.tsx

@@ -1,23 +0,0 @@
-import StyleRegistry from "./StyleRegistry";
-import AppTheme from "./AppTheme";
-import QueryProvider from "./Query";
-import Locale from "./Locale";
-import { Outlet } from "react-router";
-
-interface GlobalProviderProps {
-
-}
-
-export default function GlobalProvider({  }: GlobalProviderProps) {
-  return (
-    <StyleRegistry>
-      <Locale>
-        <AppTheme>
-          <QueryProvider>
-            <Outlet />
-          </QueryProvider>
-        </AppTheme>
-      </Locale>
-    </StyleRegistry>
-  );
-}

package/dist/templates/src/layout/Locale.tsx

@@ -1,85 +0,0 @@
-import { ConfigProvider } from "antd";
-import type { Locale as AntdLocale } from "antd/es/locale";
-import dayjs from "dayjs";
-import React, {
-  type PropsWithChildren,
-  memo,
-  useEffect,
-  useState,
-} from "react";
-
-import { isRtlLang } from "rtl-detect";
-
-import { createI18nNext } from "@/locales/create";
-import { getAntdLocale } from "@/utils/locale";
-
-const updateDayjs = async (lang: string) => {
-  // load default lang
-  let dayJSLocale: any;
-  try {
-    // dayjs locale is using `en` instead of `en-US`
-    // refs: https://github.com/lobehub/lobe-chat/issues/3396
-    const locale = lang.toLowerCase() === "en-us" ? "en" : lang.toLowerCase();
-
-    dayJSLocale = await import(`dayjs/locale/${locale}.js`);
-  } catch {
-    console.warn(`dayjs locale for ${lang} not found, fallback to en`);
-    dayJSLocale = await import("dayjs/locale/en.js");
-  }
-
-  dayjs.locale(dayJSLocale.default);
-};
-
-interface LocaleLayoutProps extends PropsWithChildren {
-  antdLocale?: unknown;
-  defaultLang?: string;
-}
-
-const Locale = memo<LocaleLayoutProps>(
-  ({ children, defaultLang, antdLocale }) => {
-    const [i18n] = useState(createI18nNext(defaultLang));
-    const [lang, setLang] = useState(defaultLang);
-    const [locale, setLocale] = useState(antdLocale);
-
-    // if on browser side, init i18n instance only once
-    if (!i18n.instance.isInitialized)
-      // console.debug('locale', lang);
-      i18n.init().then(async () => {
-        if (!lang) return;
-
-        await updateDayjs(lang);
-      });
-
-    // handle i18n instance language change
-    useEffect(() => {
-      const handleLang = async (lng: string) => {
-        setLang(lng);
-
-        if (lang === lng) return;
-
-        const newLocale = await getAntdLocale(lng);
-        setLocale(newLocale);
-
-        await updateDayjs(lng);
-      };
-
-      i18n.instance.on("languageChanged", handleLang);
-      return () => {
-        i18n.instance.off("languageChanged", handleLang);
-      };
-    }, [i18n, lang]);
-
-    // detect document direction
-    const documentDir = isRtlLang(lang) ? "rtl" : "ltr";
-
-    return (
-      <ConfigProvider direction={documentDir} locale={locale as AntdLocale}>
-        {children}
-      </ConfigProvider>
-    );
-  }
-);
-
-Locale.displayName = "Locale";
-
-export default Locale;