@4399ywkf/cli 1.0.10 → 2.0.1

package/dist/templates/src/pages/base/index.tsx

@@ -1,287 +0,0 @@
-import { useUserStore } from "@store/user";
-import { Button, Card, Space, Typography, Tag, Flex } from "antd";
-import {
-  RocketOutlined,
-  ThunderboltOutlined,
-  BulbOutlined,
-  GithubOutlined,
-  BookOutlined,
-  SettingOutlined,
-} from "@ant-design/icons";
-import React from "react";
-import { createStyles } from "antd-style";
-
-const { Title, Paragraph, Text } = Typography;
-
-const px = (value: number | string) =>
-  typeof value === "number" ? `${value}px` : value;
-
-const useStyles = createStyles(({ token, css }) => ({
-  root: css`
-    width: 100%;
-    min-height: 100vh;
-    padding: ${px(token.paddingLG)};
-    background: linear-gradient(180deg, ${token.colorFillTertiary}, ${token.colorPrimaryHover});
-    overflow: auto;
-  `,
-  container: css`
-    margin: 0 auto;
-    max-width: 960px;
-  `,
-  hero: css`
-    text-align: center;
-    margin-bottom: ${px(token.marginLG)};
-  `,
-  heroIcon: css`
-    font-size: 3.5rem;
-    color: ${token.colorPrimary};
-    animation: bounce 1.2s infinite alternate;
-
-    @keyframes bounce {
-      from {
-        transform: translateY(0);
-      }
-      to {
-        transform: translateY(-6px);
-      }
-    }
-  `,
-  tagSpace: css`
-    margin-top: ${px(token.marginMD)};
-  `,
-  featuresGrid: css`
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-    gap: ${px(token.marginSM)};
-    margin-bottom: ${px(token.marginLG)};
-  `,
-  featureCard: css`
-    text-align: center;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-
-    &:hover {
-      transform: translateY(-6px);
-      box-shadow: ${token.boxShadowSecondary};
-    }
-  `,
-  quickLinkGrid: css`
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-    gap: ${px(token.marginSM)};
-  `,
-  quickLink: css`
-    padding: ${px(token.paddingMD)};
-    border-radius: ${px(token.borderRadiusLG)};
-    background: ${token.colorBgContainer};
-    cursor: pointer;
-    transition: background 0.2s ease;
-
-    &:hover {
-      background: ${token.colorBgElevated};
-    }
-  `,
-  footerActions: css`
-    margin-top: ${px(token.marginMD)};
-    text-align: center;
-  `,
-  cardTitle: css`
-    display: inline-flex;
-    align-items: center;
-    gap: ${px(token.marginXS)};
-    font-size: ${px(token.fontSizeHeading4)};
-  `,
-  codeBlock: css`
-    margin-top: ${px(token.marginXS)};
-    padding: ${px(token.paddingSM)};
-    background: ${token.colorFillAlter};
-    border-radius: ${px(token.borderRadiusLG)};
-    font-family: ${token.fontFamilyCode};
-    font-size: ${px(token.fontSizeSM)};
-  `,
-  stepLabel: css`
-    font-size: ${px(token.fontSizeBase)};
-  `,
-  quickLinkLabel: css`
-    font-size: ${px(token.fontSizeHeading2)};
-    margin-bottom: ${px(token.marginXS)};
-  `,
-  quickLinkDescription: css`
-    color: ${token.colorTextTertiary};
-  `,
-  panelCard: css`
-    margin-bottom: ${px(token.marginLG)};
-    background: ${token.colorBgElevated};
-  `,
-  featureIcon: css`
-    margin-bottom: ${px(token.marginMD)};
-  `,
-  footerParagraph: css`
-    margin-top: ${px(token.marginMD)};
-    color: ${token.colorTextTertiary};
-  `,
-  textCenterCard: css`
-    text-align: center;
-  `,
-}));
-
-export default function BasePage() {
-  const theme = useUserStore((state) => state.themeMode);
-  const setTheme = useUserStore((state) => state.setThemeMode);
-  const { styles, cx } = useStyles();
-
-  const features = [
-    {
-      icon: <ThunderboltOutlined className={styles.heroIcon} />,
-      title: "Rspack 构建",
-      description: "基于 Rspack 的极速构建体验，开发效率翻倍",
-    },
-    {
-      icon: <BulbOutlined className={styles.heroIcon} />,
-      title: "React 19",
-      description: "使用最新的 React 19 特性，享受并发渲染",
-    },
-    {
-      icon: <SettingOutlined className={styles.heroIcon} />,
-      title: "TypeScript",
-      description: "完整的 TypeScript 支持，类型安全有保障",
-    },
-  ];
-
-  const quickLinks = [
-    { label: "📖 文档", description: "查看完整文档" },
-    { label: "🎨 组件库", description: "Ant Design 组件" },
-    { label: "🔧 配置", description: "项目配置说明" },
-    { label: "🚀 部署", description: "部署指南" },
-  ];
-
-  return (
-    <div className={cx(styles.root)}>
-      <div className={styles.container}>
-        <Flex vertical gap={12}>
-          <section className={styles.hero}>
-            <div>
-              <RocketOutlined className={styles.heroIcon} />
-            </div>
-            <Title level={1} style={{ marginBottom: 16 }}>
-              🎉 恭喜！项目创建成功
-            </Title>
-            <Paragraph>
-              你的项目已经准备就绪，现在可以开始开发了
-            </Paragraph>
-            <Space size="middle" className={styles.tagSpace}>
-              <Tag color="blue">React 19</Tag>
-              <Tag color="green">TypeScript</Tag>
-              <Tag color="orange">Rspack</Tag>
-              <Tag color="purple">Ant Design</Tag>
-              <Tag color="cyan">Tailwind CSS</Tag>
-            </Space>
-          </section>
-
-          <div className={styles.featuresGrid}>
-            {features.map((feature, index) => (
-              <Card
-                key={index}
-                hoverable
-                className={cx(styles.featureCard)}
-                bodyStyle={{ padding: 24 }}
-              >
-                <div className={styles.featureIcon}>{feature.icon}</div>
-                <Title level={4}>{feature.title}</Title>
-                <Paragraph type="secondary">{feature.description}</Paragraph>
-              </Card>
-            ))}
-          </div>
-
-          <Card
-            title={
-              <span className={styles.cardTitle}>
-                <BookOutlined />
-                快速开始
-              </span>
-            }
-            className={styles.panelCard}
-          >
-            <Space direction="vertical" size="large">
-              <div>
-                <Text strong className={styles.stepLabel}>
-                  1. 安装依赖
-                </Text>
-                <div className={styles.codeBlock}>
-                  <code>pnpm install</code>
-                </div>
-              </div>
-              <div>
-                <Text strong className={styles.stepLabel}>
-                  2. 启动开发服务器
-                </Text>
-                <div className={styles.codeBlock}>
-                  <code>pnpm dev</code>
-                </div>
-              </div>
-              <div>
-                <Text strong className={styles.stepLabel}>
-                  3. 构建生产版本
-                </Text>
-                <div className={styles.codeBlock}>
-                  <code>pnpm build</code>
-                </div>
-              </div>
-            </Space>
-          </Card>
-
-          <Card
-            title={
-              <span className={styles.cardTitle}>
-                <GithubOutlined />
-                快捷链接
-              </span>
-            }
-            className={styles.panelCard}
-          >
-            <div className={styles.quickLinkGrid}>
-              {quickLinks.map((link, index) => (
-                <div key={index} className={styles.quickLink}>
-                  <div className={styles.quickLinkLabel}>{link.label}</div>
-                  <Text className={styles.quickLinkDescription}>
-                    {link.description}
-                  </Text>
-                </div>
-              ))}
-            </div>
-          </Card>
-
-          <Card className={cx(styles.panelCard, styles.textCenterCard)}>
-            <div className={styles.footerActions}>
-              <Space size="large" wrap>
-                <Button
-                  type="primary"
-                  size="large"
-                  icon={<RocketOutlined />}
-                  onClick={() => window.open("https://ant.design", "_blank")}
-                >
-                  查看 Ant Design 文档
-                </Button>
-                <Button
-                  size="large"
-                  icon={<BookOutlined />}
-                  onClick={() => window.open("https://react.dev", "_blank")}
-                >
-                  React 文档
-                </Button>
-                <Button
-                  size="large"
-                  onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
-                >
-                  切换主题 ({theme === "dark" ? "🌙 暗色" : "☀️ 亮色"})
-                </Button>
-              </Space>
-              <Paragraph className={styles.footerParagraph}>
-                祝你开发愉快！如有问题，请查阅文档或联系技术支持 💪
-              </Paragraph>
-            </div>
-          </Card>
-        </Flex>
-      </div>
-    </div>
-  );
-}

package/dist/templates/src/pages/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export default function Index() {
-  return <div>这是约定式路由的Index路由</div>;
-}

package/dist/templates/src/routes.tsx

@@ -1,27 +0,0 @@
-import React, { lazy } from "react";
-import { createBrowserRouter, Navigate } from "react-router";
-import GlobalProvider from "@/layout/GlobalProvider";
-
-export const createRouter = (basename?: string) => {
-  return createBrowserRouter(
-    [
-      {
-        path: "",
-        element: <GlobalProvider />,
-        children: [
-          {
-            path: "/",
-            element: <Navigate to="/base" replace />,
-          },
-          {
-            path: "/base",
-            Component: lazy(() => import("@/pages/base")),
-          },
-        ],
-      },
-    ],
-    {
-      basename: basename || "/",
-    }
-  );
-};

package/dist/templates/src/styles/antdOverride.ts

@@ -1,24 +0,0 @@
-import { type Theme, css } from 'antd-style';
-import { rgba } from 'polished';
-
-export default ({ token }: { prefixCls: string; token: Theme }) => css`
-  .${token.prefixCls}-popover {
-    z-index: 1100;
-  }
-
-  .${token.prefixCls}-menu-sub.${token.prefixCls}-menu-vertical {
-    border: 1px solid ${token.colorBorder};
-    box-shadow: ${token.boxShadow};
-  }
-
-  .${token.prefixCls}-menu-item-selected {
-    .${token.prefixCls}-menu-title-content {
-      color: ${token.colorText};
-    }
-  }
-
-  .${token.prefixCls}-modal-mask, .${token.prefixCls}-drawer-mask {
-    background: ${rgba(token.colorBgLayout, 0.5)} !important;
-    backdrop-filter: blur(2px);
-  }
-`;

package/dist/templates/src/styles/customTheme.ts

@@ -1,70 +0,0 @@
-import {
-  blue,
-  cyan,
-  geekblue,
-  gold,
-  green,
-  lime,
-  magenta,
-  orange,
-  purple,
-  red,
-  volcano,
-  yellow,
-} from '@/color/colors';
-import { mauve, olive, sage, sand, slate } from '@/color/neutrals';
-
-export const primaryColors = {
-  blue: blue.dark[9],
-  cyan: cyan.dark[9],
-  geekblue: geekblue.dark[9],
-  gold: gold.dark[9],
-  green: green.dark[9],
-  lime: lime.dark[9],
-  magenta: magenta.dark[9],
-  orange: orange.dark[9],
-  purple: purple.dark[9],
-  red: red.dark[9],
-  volcano: volcano.dark[9],
-  yellow: yellow.dark[9],
-};
-
-export type PrimaryColorsObj = typeof primaryColors;
-export type PrimaryColors = keyof PrimaryColorsObj;
-export const primaryColorsSwatches = [
-  primaryColors.red,
-  primaryColors.orange,
-  primaryColors.gold,
-  primaryColors.yellow,
-  primaryColors.lime,
-  primaryColors.green,
-  primaryColors.cyan,
-  primaryColors.blue,
-  primaryColors.geekblue,
-  primaryColors.purple,
-  primaryColors.magenta,
-  primaryColors.volcano,
-];
-export const neutralColors = {
-  mauve: mauve.dark[9],
-  olive: olive.dark[9],
-  sage: sage.dark[9],
-  sand: sand.dark[9],
-  slate: slate.dark[9],
-};
-export const neutralColorsSwatches = [
-  neutralColors.mauve,
-  neutralColors.slate,
-  neutralColors.sage,
-  neutralColors.olive,
-  neutralColors.sand,
-];
-
-export type NeutralColorsObj = typeof neutralColors;
-export type NeutralColors = keyof NeutralColorsObj;
-
-export const findCustomThemeName = (type: 'primary' | 'neutral', value: string) => {
-  const res = type === 'primary' ? primaryColors : neutralColors;
-  const result = Object.entries(res).find((item) => item[1] === value);
-  return result?.[0];
-};

package/dist/templates/src/styles/global.ts

@@ -1,53 +0,0 @@
-import { type Theme, css } from 'antd-style';
-
-// fix ios input keyboard
-// overflow: hidden;
-// ref: https://zhuanlan.zhihu.com/p/113855026
-export default ({ token }: { prefixCls: string; token: Theme }) => css`
-  html,
-  body{
-    position: relative;
-
-    overscroll-behavior: none;
-
-    height: 100%;
-    min-height: 100dvh;
-    max-height: 100dvh;
-
-    background: ${token.colorBgLayout};
-
-    @media (min-device-width: 576px) {
-      overflow: hidden;
-    }
-  }
-
-  body {
-    /* 提高合成层级，强制硬件加速，否则会有渲染黑边出现 */
-    will-change: opacity;
-    transform: translateZ(0);
-  }
-
-  * {
-    scrollbar-color: ${token.colorFill} transparent;
-    scrollbar-width: thin;
-
-    ::-webkit-scrollbar {
-      width: 0.75em;
-      height: 0.75em;
-    }
-
-    ::-webkit-scrollbar-thumb {
-      border-radius: 10px;
-    }
-
-    :hover::-webkit-scrollbar-thumb {
-      border: 3px solid transparent;
-      background-color: ${token.colorText};
-      background-clip: content-box;
-    }
-
-    ::-webkit-scrollbar-track {
-      background-color: transparent;
-    }
-  }
-`;

package/dist/templates/src/styles/highlighter.ts

@@ -1,34 +0,0 @@
-
-import { ReactNode, type Ref } from 'react';
-import { FlexboxProps } from 'react-layout-kit';
-
-import { DivProps } from '@/types';
-
-export interface SyntaxHighlighterProps extends DivProps {
-  animated?: boolean;
-  children: string;
-  enableTransformer?: HighlighterProps['enableTransformer'];
-  language: HighlighterProps['language'];
-  ref?: Ref<HTMLDivElement>;
-  theme?: HighlighterProps['theme'];
-  variant?: HighlighterProps['variant'];
-}
-
-export interface HighlighterProps extends Omit<FlexboxProps, 'children' | 'wrap'> {
-  allowChangeLanguage?: boolean;
-  animated?: boolean;
-  bodyRender?: (props: { content: string; language: string; originalNode: ReactNode }) => ReactNode;
-  children: string;
-  copyable?: boolean;
-  defaultExpand?: boolean;
-  enableTransformer?: boolean;
-  fileName?: string;
-  fullFeatured?: boolean;
-  icon?: ReactNode;
-  language: string;
-  shadow?: boolean;
-  showLanguage?: boolean;
-  theme?: 'lobe-theme';
-  variant?: 'filled' | 'outlined' | 'borderless';
-  wrap?: boolean;
-}

package/dist/templates/src/styles/index.ts

@@ -1,23 +0,0 @@
-import { createGlobalStyle } from "antd-style";
-export * from "./customTheme";
-
-import antdOverride from "./antdOverride";
-import global from "./global";
-
-const prefixCls = process.env.APP_NAME ?? "ant";
-
-export const GlobalStyle = createGlobalStyle(({ theme }) => [
-  global({ prefixCls, token: theme }),
-  antdOverride({ prefixCls, token: theme }),
-]);
-
-export * from "./text";
-export * from "./highlighter";
-export * from "./mermaid";
-
-export { generateCustomStylish as lobeCustomStylish } from "./theme/customStylish";
-export { generateCustomToken as lobeCustomToken } from "./theme/customToken";
-export {
-  generateColorNeutralPalette,
-  generateColorPalette,
-} from "./theme/generateColorPalette";

package/dist/templates/src/styles/mermaid.ts

@@ -1,7 +0,0 @@
-import { FlexboxProps } from 'react-layout-kit';
-
-export interface MermaidProps extends Omit<FlexboxProps, 'children' | 'wrap'> {
-  children: string;
-  theme?: 'lobe-theme';
-  wrap?: boolean;
-}

package/dist/templates/src/styles/text.ts

@@ -1,10 +0,0 @@
-import { css, cx } from 'antd-style';
-
-export const oneLineEllipsis = cx(css`
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-
-  text-overflow: ellipsis;
-`);

package/dist/templates/src/styles/theme/algorithms/darkAlgorithm.ts

@@ -1,47 +0,0 @@
-import { MappingAlgorithm } from "antd/es/theme/interface";
-
-import { colorScales } from "@/color/colors";
-import { neutralColorScales } from "@/color/neutrals";
-import type { ColorScaleItem } from "@/color/types";
-
-import { NeutralColors, PrimaryColors } from "../../customTheme";
-import {
-  generateColorNeutralPalette,
-  generateColorPalette,
-} from "../generateColorPalette";
-import darkBaseToken from "../token/dark";
-
-export const darkAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {
-  const primaryColor = (seedToken as any).primaryColor as PrimaryColors;
-  const neutralColor = (seedToken as any).neutralColor as NeutralColors;
-
-  let primaryTokens = {};
-  let neutralTokens = {};
-
-  // generate primary color Token with colorPrimary
-  const primaryScale: ColorScaleItem = colorScales[primaryColor];
-
-  if (primaryScale) {
-    primaryTokens = generateColorPalette({
-      appearance: "dark",
-      scale: primaryScale,
-      type: "Primary",
-    });
-  }
-
-  // generate neutral color Token with colorBgBase
-  const neutralScale = neutralColorScales[neutralColor];
-  if (neutralScale) {
-    neutralTokens = generateColorNeutralPalette({
-      appearance: "dark",
-      scale: neutralScale,
-    });
-  }
-
-  return {
-    ...mapToken!,
-    ...darkBaseToken,
-    ...primaryTokens,
-    ...neutralTokens,
-  };
-};

package/dist/templates/src/styles/theme/algorithms/lightAlgorithm.ts

@@ -1,44 +0,0 @@
-import { MappingAlgorithm } from "antd/es/theme/interface";
-
-import { colorScales } from "@/color/colors";
-import { neutralColorScales } from "@/color/neutrals";
-import type { ColorScaleItem } from "@/color/types";
-
-import { NeutralColors, PrimaryColors } from "../../customTheme";
-import {
-  generateColorNeutralPalette,
-  generateColorPalette,
-} from "../generateColorPalette";
-import lightBaseToken from "../token/light";
-
-export const lightAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {
-  const primaryColor = (seedToken as any).primaryColor as PrimaryColors;
-  const neutralColor = (seedToken as any).neutralColor as NeutralColors;
-
-  let primaryTokens = {};
-  let neutralTokens = {};
-  const primaryScale: ColorScaleItem = colorScales[primaryColor];
-
-  if (primaryScale) {
-    primaryTokens = generateColorPalette({
-      appearance: "light",
-      scale: primaryScale,
-      type: "Primary",
-    });
-  }
-
-  const neutralScale = neutralColorScales[neutralColor];
-  if (neutralScale) {
-    neutralTokens = generateColorNeutralPalette({
-      appearance: "light",
-      scale: neutralScale,
-    });
-  }
-
-  return {
-    ...mapToken!,
-    ...lightBaseToken,
-    ...primaryTokens,
-    ...neutralTokens,
-  };
-};