@4399ywkf/cli 1.0.10 → 2.0.1

package/dist/templates/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/base.ts

@@ -1,16 +0,0 @@
-import { AliasToken } from 'antd/es/theme/interface';
-
-const FONT_EMOJI = `"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"`;
-const FONT_EN = `"HarmonyOS Sans","Segoe UI","SF Pro Display",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif`;
-const FONT_CN = `"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif`;
-const FONT_CODE = `Hack,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace`;
-
-export const baseToken: Partial<AliasToken> = {
-  borderRadius: 6,
-  borderRadiusLG: 8,
-  borderRadiusSM: 4,
-  borderRadiusXS: 4,
-  controlHeight: 36,
-  fontFamily: [FONT_EN, FONT_CN, FONT_EMOJI].join(','),
-  fontFamilyCode: [FONT_CODE, FONT_CN, FONT_EMOJI].join(','),
-};

package/dist/templates/blue.ts

@@ -1,66 +0,0 @@
-import { ColorScaleItem } from '../types';
-
-const blue: ColorScaleItem = {
-  dark: [
-    '#000506',
-    '#002126',
-    '#00363f',
-    '#004e59',
-    '#006675',
-    '#008093',
-    '#159ab0',
-    '#47b3ca',
-    '#6acde4',
-    '#8ae8ff',
-    '#b8f0ff',
-    '#def7ff',
-    '#ffffff',
-  ],
-  darkA: [
-    'rgba(0, 167, 200, 0.03)',
-    'rgba(0, 220, 253, 0.15)',
-    'rgba(0, 216, 252, 0.25)',
-    'rgba(0, 223, 254, 0.35)',
-    'rgba(0, 222, 254, 0.46)',
-    'rgba(0, 221, 253, 0.58)',
-    'rgba(30, 223, 255, 0.69)',
-    'rgba(89, 224, 252, 0.8)',
-    'rgba(118, 228, 253, 0.9)',
-    '#8ae8ff',
-    '#b8f0ff',
-    '#def7ff',
-    '#ffffff',
-  ],
-  light: [
-    '#ffffff',
-    '#fbfeff',
-    '#f4fcff',
-    '#eafaff',
-    '#dff7ff',
-    '#d3f5ff',
-    '#c4f2ff',
-    '#b4efff',
-    '#a1ecff',
-    '#8ae8ff',
-    '#159ab0',
-    '#004e59',
-    '#000506',
-  ],
-  lightA: [
-    'rgba(255, 255, 255, 0.01)',
-    'rgba(55, 205, 255, 0.02)',
-    'rgba(35, 195, 255, 0.05)',
-    'rgba(22, 199, 255, 0.09)',
-    'rgba(9, 193, 255, 0.13)',
-    'rgba(11, 199, 255, 0.18)',
-    'rgba(9, 201, 255, 0.24)',
-    'rgba(5, 202, 255, 0.3)',
-    'rgba(1, 204, 255, 0.37)',
-    'rgba(1, 205, 255, 0.46)',
-    'rgba(1, 145, 169, 0.92)',
-    '#004e59',
-    '#000506',
-  ],
-};
-
-export default blue;

package/dist/templates/bootstrap/index.ts

@@ -1,34 +0,0 @@
-import "dayjs/locale/zh-cn";
-import dayjs from "dayjs";
-import { ConfigProvider } from "antd";
-import { env } from "@/config/env";
-
-interface BootstrapConfig {
-  appName: string;
-}
-
-/**
- * 应用启动前的初始化配置
- */
-export function bootstrap(config: BootstrapConfig) {
-  const { appName } = config;
-
-  // 配置 dayjs 国际化
-  dayjs.locale("zh-cn");
-
-  // 配置 antd 静态方法的前缀
-  ConfigProvider.config({
-    prefixCls: appName,
-  });
-
-  console.log(`✅ Application [${appName}] bootstrapped successfully`);
-}
-
-/**
- * 使用环境变量初始化应用
- */
-export function bootstrapWithEnv() {
-  bootstrap({
-    appName: env.APP_NAME,
-  });
-}