@4399ywkf/cli 1.0.10 → 2.0.1

package/dist/templates/interceptors.ts

@@ -1,118 +0,0 @@
-import type {
-  AxiosInstance,
-  InternalAxiosRequestConfig,
-  AxiosResponse,
-} from "axios";
-import { message as antdMessage } from "antd";
-import type { TokenManager, RequestConfig, ApiResponse } from "./types";
-import type { ErrorHandler } from "./error-handler";
-
-/**
- * 设置请求拦截器
- */
-export function setupRequestInterceptor(
-  instance: AxiosInstance,
-  tokenManager: TokenManager
-): void {
-  instance.interceptors.request.use(
-    (config: InternalAxiosRequestConfig) => {
-      const requestConfig = config as RequestConfig;
-
-      // 添加 Token（如果需要认证，默认为 true）
-      if (requestConfig.requireAuth !== false) {
-        const token = tokenManager.getToken();
-        if (token && config.headers) {
-          config.headers.Authorization = token;
-        }
-      }
-
-      // 添加自定义 Headers
-      if (requestConfig.customHeaders && config.headers) {
-        Object.entries(requestConfig.customHeaders).forEach(([key, value]) => {
-          config.headers[key] = value;
-        });
-      }
-
-      return config;
-    },
-    (error) => {
-      return Promise.reject(error);
-    }
-  );
-}
-
-/**
- * 设置响应拦截器
- */
-export function setupResponseInterceptor(
-  instance: AxiosInstance,
-  tokenManager: TokenManager,
-  errorHandler: ErrorHandler,
-  onUnauthorized?: () => void
-): void {
-  instance.interceptors.response.use(
-    (response: AxiosResponse<ApiResponse>) => {
-      const config = response.config as RequestConfig;
-      const messageConfig = config.message;
-
-      const { code, message: msg, data } = response.data;
-
-      // 业务成功（根据实际后端约定调整）
-      if (code === 0 || code === 200) {
-        // 显示成功消息
-        if (messageConfig?.showSuccess) {
-          const successMsg = messageConfig.successMessage || msg || "操作成功";
-          antdMessage.success(successMsg);
-        }
-
-        // 直接返回 data，简化调用
-        return response.data;
-      }
-
-      // 业务失败
-      const errorMsg = messageConfig?.errorMessage || msg || "操作失败";
-
-      if (messageConfig?.showError !== false) {
-        antdMessage.error(errorMsg);
-      }
-
-      return Promise.reject(new Error(errorMsg));
-    },
-    async (error) => {
-      const config = error.config as RequestConfig;
-
-      // 401 未授权
-      if (error.response?.status === 401) {
-        tokenManager.clearToken();
-
-        // 执行自定义的未授权回调
-        if (onUnauthorized) {
-          onUnauthorized();
-        } else {
-          // 默认跳转到登录页
-          redirectToLogin();
-        }
-
-        return Promise.reject(error);
-      }
-
-      // 其他错误统一处理
-      errorHandler.handle(error, config);
-
-      return Promise.reject(error);
-    }
-  );
-}
-
-/**
- * 重定向到登录页
- */
-function redirectToLogin(): void {
-  if (typeof window === "undefined") return;
-
-  const currentPath = window.location.pathname;
-  if (currentPath === "/login") return;
-
-  const redirectUrl = encodeURIComponent(window.location.href);
-  window.location.href = `${window.location.origin}/login?redirect=${redirectUrl}`;
-}

package/dist/templates/jwt/index.ts

@@ -1,32 +0,0 @@
-import Cookies from "universal-cookie";
-
-const cookies = new Cookies();
-const accessTokenKey = process.env.COOKIE_NAME;
-
-export default class jwt {
-  static key = accessTokenKey;
-  // 设定访问令牌
-  static setAccessToken(token: {
-    token_type: any;
-    access_token: any;
-    expires_at: number;
-  }) {
-    Cookies.set(
-      accessTokenKey,
-      token ? `${token.token_type} ${token.access_token}` : "",
-      {
-        expires: new Date(token.expires_at * 1000),
-      },
-    );
-  }
-
-  // 获取访问令牌
-  static getAccessToken(accessTokenKey?: string) {
-    return Cookies.get(accessTokenKey ?? this.key);
-  }
-
-  // 清空访问令牌
-  static clearAccessToken(accessTokenKey?: string) {
-    Cookies.remove(accessTokenKey ?? this.key);
-  }
-}

package/dist/templates/keyMapper.ts

@@ -1,57 +0,0 @@
-import type { HyperStorageOptionsObj } from './type';
-
-export const createKeyMapper = (options: HyperStorageOptionsObj) => {
-  const mapStateKeyToStorageKey = (
-    key: string,
-    mode: keyof HyperStorageOptionsObj = 'localStorage',
-  ) => {
-    const media = options[mode];
-    if (media === false) return key;
-
-    const selectors = media?.selectors;
-    if (!selectors) return key;
-
-    let storageKey: string | undefined;
-
-    for (const selector of selectors) {
-      if (typeof selector === 'string') {
-        if (selector === key) storageKey = key;
-      } else {
-        if (selector[key]) storageKey = selector[key];
-      }
-    }
-
-    return storageKey;
-  };
-
-  const getStateKeyFromStorageKey = (
-    key: string,
-    mode: keyof HyperStorageOptionsObj = 'localStorage',
-  ) => {
-    const media = options[mode];
-    if (media === false) return key;
-
-    const selectors = media?.selectors;
-    if (!selectors) return key;
-
-    let stateKey: string | undefined;
-
-    for (const item of selectors) {
-      // 对象如果是 字符串，直接返回该 item key
-      if (typeof item === 'string') {
-        if (item === key) stateKey = key;
-      } else {
-        for (const [k, v] of Object.entries(item)) {
-          if (v === key) stateKey = k;
-        }
-      }
-    }
-
-    return stateKey;
-  };
-
-  return {
-    getStateKeyFromStorageKey,
-    mapStateKeyToStorageKey,
-  };
-};

package/dist/templates/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/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/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/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/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/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/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/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/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>
-  );
-}