@4399ywkf/cli 1.0.9 → 2.0.0

package/dist/templates/ColorScales/index.tsx

@@ -1,70 +0,0 @@
-import { Space } from 'antd';
-import React, { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { ColorScaleItem } from '../types';
-import ScaleRow from './ScaleRow';
-import { useStyles } from './style';
-
-export interface ColorScalesProps {
-  /**
-   * @description Index of the mid highlight color in the scale
-   */
-  midHighLight: number;
-  /**
-   * @description Name of the color scale
-   */
-  name: string;
-  /**
-   * @description Color scale item object
-   */
-  scale: ColorScaleItem;
-}
-
-const ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {
-  const { styles } = useStyles();
-
-  return (
-    <Flexbox align={'center'} flex={1} horizontal justify={'center'}>
-      <div style={{ padding: '8px 16px 32px 0' }}>
-        <Space direction={'vertical'} size={2}>
-          <Space key="scale-title" size={2}>
-            <Flexbox align={'center'} className={styles.scaleRowTitle} horizontal key="scale-num" />
-            {Array.from({ length: scale.light.length })
-              .fill('')
-              .map((_, index) => {
-                if (index === 0 || index === 12) return false;
-
-                const isMidHighlight = midHighLight === index;
-
-                return (
-                  <div className={styles.scaleBox} key={`num${index}`}>
-                    <div className={styles.scaleBox}>
-                      <Flexbox
-                        align={'center'}
-                        className={styles.scaleItem}
-                        horizontal
-                        justify={'center'}
-                        style={{
-                          fontWeight: isMidHighlight ? 700 : 400,
-                          opacity: 0.5,
-                        }}
-                      >
-                        {index}
-                      </Flexbox>
-                    </div>
-                  </div>
-                );
-              })}
-          </Space>
-          <ScaleRow key="light" name={name} scale={scale.light} title="light" />
-          <ScaleRow key="lightA" name={name} scale={scale.lightA} title="lightA" />
-          <ScaleRow key="dark" name={name} scale={scale.dark} title="dark" />
-          <ScaleRow key="darkA" name={name} scale={scale.darkA} title="darkA" />
-        </Space>
-      </div>
-    </Flexbox>
-  );
-});
-
-export default ColorScales;

package/dist/templates/ColorScales/style.ts

@@ -1,42 +0,0 @@
-import { createStyles } from 'antd-style';
-
-export const alphaBg = {
-  dark: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=) 0% 0% / 26px',
-  light:
-    'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 26px',
-};
-
-export const useStyles = createStyles(({ css, token }) => ({
-  scaleBox: css`
-    cursor: pointer;
-
-    position: relative;
-
-    width: 48px;
-    height: 32px;
-
-    background-position:
-      0 0,
-      0 8px,
-      8px -8px,
-      -8px 0;
-    background-size: 16px 16px;
-
-    transition: scale 400ms ${token.motionEaseOut};
-
-    &:active {
-      scale: 0.8;
-    }
-  `,
-  scaleItem: css`
-    width: 100%;
-    height: 100%;
-  `,
-  scaleRowTitle: css`
-    width: 64px;
-    height: 32px;
-  `,
-  text: css`
-    opacity: 0.5;
-  `,
-}));

package/dist/templates/ConfigProvider/index.md

@@ -1,63 +0,0 @@
----
-nav: Components
-group: Theme
-title: ConfigProvider
----
-
-ConfigProvider is a context provider component that allows you to configure global settings for other components in the library, such as CDN settings for external resources.
-
-## Default
-
-The `proxy` provides two CDN resolution addresses, `aliyun` and `unpkg`, with `aliyun` as the default. This can be configured through the `cdn` attribute of `ConfigProvider`.
-
-<code src="./demos/index.tsx" nopadding></code>
-
-## Custom CDN
-
-At the same time, it provides custom CDN configuration, set `proxy` to `custom` and configure through the `customCdnFn` attribute.
-
-```ts
-import { ConfigProvider, Logo } from '@lobehub/ui';
-
-export default () => {
-  return (
-    <ConfigProvider config={{
-        proxy: 'custom',
-        customCdnFn: (e: {pkg:string, version:string, path:string}) => `https://yourcdn/${pkg}/${version}/${path}`
-    }}>
-      <Logo />
-    </ConfigProvider>
-  );
-};
-```
-
-## APIs
-
-### ConfigProvider
-
-| Property | Description          | Type        | Default |
-| -------- | -------------------- | ----------- | ------- |
-| config   | Configuration object | `Config`    | -       |
-| children | Child components     | `ReactNode` | -       |
-
-### Config
-
-| Property       | Description                                                    | Type                                            | Default |
-| -------------- | -------------------------------------------------------------- | ----------------------------------------------- | ------- |
-| proxy          | CDN proxy to use for external resources                        | `'jsdelivr' \| 'unpkg' \| 'aliyun' \| 'custom'` | -       |
-| customCdnFn    | Custom function for generating CDN URLs when proxy is 'custom' | `CdnFn`                                         | -       |
-| aAs            | Custom component to use for rendering anchor tags              | `ElementType`                                   | -       |
-| imgAs          | Custom component to use for rendering image tags               | `ElementType`                                   | -       |
-| imgUnoptimized | Whether to disable image optimization                          | `boolean`                                       | -       |
-
-### CdnFn
-
-```ts
-type CdnFn = ({ pkg, version, path }: CdnApi) => string;
-
-interface CdnApi {
-  pkg: string;
-  version: string;
-  path: string;
-}
-```

package/dist/templates/ConfigProvider/index.tsx

@@ -1,42 +0,0 @@
-import React, {
-  type ElementType,
-  type ReactNode,
-  createContext,
-  memo,
-  use,
-} from 'react';
-
-import { type CDN, type CdnApi, genCdnUrl } from '@/utils/genCdnUrl';
-
-export interface Config {
-  aAs?: ElementType;
-  customCdnFn?: CdnFn;
-  imgAs?: ElementType;
-  imgUnoptimized?: boolean;
-  proxy?: CDN | 'custom';
-}
-
-export const ConfigContext = createContext<Config | null>(null);
-
-const ConfigProvider = memo<{ children: ReactNode; config: Config }>(
-  ({ children, config }) => {
-    return <ConfigContext value={config}>{children}</ConfigContext>;
-  },
-);
-
-// useCdnFn
-export type CdnFn = ({ pkg, version, path }: CdnApi) => string;
-
-const cdnFallback: CdnFn = ({ pkg, version, path }) =>
-  genCdnUrl({ path, pkg, proxy: 'aliyun', version });
-
-export const useCdnFn = (): CdnFn => {
-  const config = use(ConfigContext);
-  if (!config) return cdnFallback;
-  if (config?.proxy !== 'custom')
-    return ({ pkg, version, path }) =>
-      genCdnUrl({ path, pkg, proxy: config.proxy as any, version });
-  return config?.customCdnFn || cdnFallback;
-};
-
-export default ConfigProvider;

package/dist/templates/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/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/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/DIRECTORY_STRUCTURE.md

@@ -1,141 +0,0 @@
-# 企业脚手架目录规划说明
-
-## 1. 现状概览
-
-```
-app/
-├── config/           # 构建 + 运行时配置混放
-│   ├── env/          # 环境变量文件
-│   ├── jwt/          # 运行时
-│   ├── request/      # 运行时
-│   ├── router/       # 渲染入口（renderClient）
-│   └── rspack/       # 构建
-├── locales/          # 文案 JSON（与 src/locales 双源）
-├── public/
-├── scripts/
-├── src/
-│   ├── bootstrap/
-│   ├── color/        # 设计 token 色板
-│   ├── components/
-│   ├── config/       # 仅 env.ts（与根 config 易混淆）
-│   ├── const/
-│   ├── layout/
-│   ├── locales/      # i18n 逻辑 + TS 文案
-│   ├── micro/
-│   ├── pages/
-│   ├── routes.tsx
-│   ├── styles/       # 全局样式 + theme 算法
-│   ├── types/
-│   └── utils/
-└── store/            # 与 src 平级
-    ├── middleware/
-    └── user/
-```
-
----
-
-## 2. 结论：整体可用，有几处需约定或收敛
-
-- **做得好的**：`store` 独立、按 agent/slice 拆分；`pages` + `layout` + `components` 分层清晰；构建配置集中在 `config/rspack`、环境变量在 `config/env`，便于维护。
-- **需要约定的**：根目录 `config` 与 `src/config` 的职责边界、`locales` 双源、`color`/`styles`/`theme` 的归属。
-- **可优化项**：收敛「配置与文案」的入口、统一命名（如 `const` vs `constants`）、可选能力（如 `micro`）在文档中说明。
-
----
-
-## 3. 问题与建议
-
-### 3.1 config 双位置（根 config vs src/config）
-
-| 位置       | 内容           | 问题                         |
-|------------|----------------|------------------------------|
-| 根 `config/` | env 文件、rspack、request、jwt、router | 构建与运行时混在同一层       |
-| `src/config/` | 仅 `env.ts`（zod 解析）     | 新人易困惑「改 env 改哪边」 |
-
-**建议（二选一或折中）：**
-
-- **方案 A（推荐）**：约定「根 `config/` = 仅构建与环境文件」：只放 `env/`、`rspack/`；把 `request/`、`jwt/`、`router/` 迁到 `src/config/`（或 `src/core/`），alias 保持 `@config` 指向 `src/config`，构建配置单独用 `config/rspack` 路径。这样「构建配置在根 config，运行时配置在 src」边界清晰。
-- **方案 B**：维持现状，在 README 中明确写清：「环境变量与构建用根 `config/`，运行时解析用 `src/config/env.ts`；请求/路由等由根 `config/` 的模块提供」，减少误改。
-
-### 3.2 locales 双源（根 locales vs src/locales）
-
-- 根 `locales/zh-CN/common.json` 与 `src/locales/default/common.ts` 内容重复，且有脚本把 TS 转 JSON。
-- **建议**：选单一数据源。若以 i18n 代码为主，保留 `src/locales`，删除根 `locales/` 和转换脚本，构建或运行时从 `src/locales` 生成/加载；若以 JSON 为主，则只保留根 `locales/`，在 README 中说明「文案只放根 locales」。
-
-### 3.3 store 与 src 平级
-
-- `store/` 在项目根与 `src/` 平级，符合「状态与 UI 分离」的常见企业习惯；alias `@store` 指向根下 `store` 也合理。
-- **建议**：保持现状；在 README 或本说明中写一句：「业务 UI 在 `src/`，领域状态在 `store/`，按 agent/slice 拆分」，避免被误挪进 `src`。
-
-### 3.4 src 内部：color / styles / theme
-
-- `color/`：色板与 token 数据；`styles/`：全局样式、antd 覆盖、**theme 算法与 customToken**；`types/` 中还有 `customStylish`、`customToken`。
-- 问题：主题相关分散在 `color`、`styles/theme`、`styles`、`types`，新人找「改主题」入口不直观。
-- **建议**：
-  - 要么保留 `color/` 但在 README 标明「设计 token 与色板，被 `styles/theme` 消费」；
-  - 要么将 `color/` 收进 `styles/theme/`（如 `styles/theme/color/`），入口统一为 `styles/theme`，减少顶层目录。
-- 不强求一步到位，但需在文档中画一条线：**主题与 token 的入口是 `src/styles/theme`（及可选 `src/color`）**。
-
-### 3.5 横切目录：const / types / utils
-
-- `const/`、`types/`、`utils/` 是常见横切层，结构合理。
-- 小问题：`const/constants.ts` 当前为空；`types` 里既有全局类型又有与 theme 强相关的类型。
-- **建议**：`const` 保留，删除或补全 `constants.ts`，避免空文件；在 README 或本说明中约定「全局业务常量放 `const/`，组件/页面私有常量随模块」。`types` 可注明「与 theme/样式强相关的类型与 `styles/theme` 同目录或在本目录集中维护」，二选一即可。
-
-### 3.6 可选能力：micro、bootstrap
-
-- `micro/` 仅 Garfish，已作为可选项；`bootstrap/` 仅应用启动逻辑。
-- **建议**：保持 `micro/` 在 `src` 下，README 中说明「微前端为可选项，入口与配置见 xxx」。`bootstrap/` 可保留；若希望根入口更短，可把 `bootstrapWithEnv()` 的实现迁到 `src/index.tsx` 或 `src/config/bootstrap.ts`，只保留单文件也可。
-
-### 3.7 pages 与路由
-
-- `pages/` 下有 404、base、index 等；路由定义在 `src/routes.tsx`，渲染入口在 `config/router/index.tsx`。
-- **建议**：约定「路由表仅由 `src/routes.tsx` 维护；`config/router` 只负责 `renderClient` 与挂载」，在 README 或本说明写清，避免在 `config/router` 里再配路由造成双源。
-
-### 3.8 根目录与脚本
-
-- 根目录的 `tsconfig`、`tailwind`、`postcss`、`scripts/` 等符合常规，无需调整。
-- `scripts/` 若仅剩「locales 转 JSON」且已决定废弃根 `locales/`，可删除该脚本；否则保留并注明用途。
-
----
-
-## 4. 推荐约定（最小改动版）
-
-在不做大范围迁移的前提下，建议先做「约定文档化 + 少量收敛」：
-
-1. **配置**：在 README 中写清「根 `config/` = 构建与环境文件；运行时配置与请求/路由实现来自 `@config`（当前指向根 config，或你们改为 src/config）」。  
-2. **文案**：选定 locales 单一数据源（推荐 `src/locales`），删除或弃用另一侧及转换脚本。  
-3. **主题**：在 README 中标明「主题与 token 入口：`src/styles/theme`，色板数据见 `src/color`（可选）」。  
-4. **store**：说明「全局状态在根 `store/`，按 agent/slice 划分，与 `src` 并列」。  
-5. **路由**：说明「路由表只在 `src/routes.tsx` 维护；`config/router` 仅负责渲染与挂载」。  
-6. **空文件**：删除或补全 `src/const/constants.ts`。
-
-若后续要做更大调整，再考虑：把 request/jwt/router 迁入 `src/config` 或 `src/core`、将 `color` 并入 `styles/theme` 等。
-
----
-
-## 5. 可选：目标结构示意（供长期演进参考）
-
-```
-app/
-├── config/                 # 仅构建与环境
-│   ├── env/
-│   └── rspack/
-├── public/
-├── scripts/
-├── src/
-│   ├── config/             # 运行时：env 解析、request、router 挂载等
-│   ├── core/                # 可选：bootstrap、微前端入口等
-│   ├── layout/
-│   ├── pages/
-│   ├── components/
-│   ├── styles/              # 全局样式 + theme（含 token/color 或引用）
-│   ├── locales/             # 单一 i18n 数据源
-│   ├── const/
-│   ├── types/
-│   ├── utils/
-│   ├── routes.tsx
-│   └── index.tsx
-└── store/
-```
-
-当前模板不必立刻改成上述结构，可先落实「约定 + 文档 + 删除冗余」，再按团队习惯逐步演进。