@4399ywkf/cli 0.0.21 → 1.0.2

package/dist/templates/theme/index.ts

@@ -0,0 +1,25 @@
+import { create } from 'zustand';
+import { createJSONStorage, persist } from 'zustand/middleware';
+
+interface ThemeStore {
+  theme: string;
+  setTheme: (theme: string) => void;
+  isDark: () => boolean;
+}
+
+export const useThemeStore = create<ThemeStore, [['zustand/persist', unknown]]>(
+  persist(
+    (set, get) => ({
+      theme: 'light',
+      setTheme: theme => set({ theme }),
+      isDark: () => get().theme === 'dark',
+    }),
+    {
+      name: 'theme',
+      storage: createJSONStorage(() => localStorage),
+      version: 1,
+    },
+  ),
+);
+
+export default useThemeStore;

package/dist/templates/theme/token/base.ts

@@ -0,0 +1,16 @@
+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/theme/token/dark.ts

@@ -0,0 +1,60 @@
+import { AliasToken } from 'antd/es/theme/interface';
+
+import { blue, gold, gray, lime, primary, red } from '@/color/colors';
+
+import { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';
+
+const primaryToken = generateColorPalette({
+  appearance: 'dark',
+  scale: primary,
+  type: 'Primary',
+});
+
+const neutralToken = generateColorNeutralPalette({
+  appearance: 'dark',
+  scale: gray,
+});
+
+const successToken = generateColorPalette({
+  appearance: 'dark',
+  scale: lime,
+  type: 'Success',
+});
+
+const warningToken = generateColorPalette({
+  appearance: 'dark',
+  scale: gold,
+  type: 'Warning',
+});
+
+const errorToken = generateColorPalette({
+  appearance: 'dark',
+  scale: red,
+  type: 'Error',
+});
+
+const infoToken = generateColorPalette({
+  appearance: 'dark',
+  scale: blue,
+  type: 'Info',
+});
+
+const darkBaseToken: Partial<AliasToken> = {
+  ...primaryToken,
+  ...neutralToken,
+  ...successToken,
+  ...warningToken,
+  ...errorToken,
+  ...infoToken,
+
+  boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',
+  boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',
+  boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',
+  colorLink: infoToken.colorInfoText,
+  colorLinkActive: infoToken.colorInfoTextActive,
+
+  colorLinkHover: infoToken.colorInfoTextHover,
+  colorTextLightSolid: neutralToken.colorBgLayout,
+};
+
+export default darkBaseToken;

package/dist/templates/theme/token/light.ts

@@ -0,0 +1,60 @@
+import { AliasToken } from 'antd/es/theme/interface';
+
+import { geekblue, gold, gray, green, primary, volcano } from '@/color/colors';
+
+import { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';
+
+const primaryToken = generateColorPalette({
+  appearance: 'light',
+  scale: primary,
+  type: 'Primary',
+});
+
+const neutralToken = generateColorNeutralPalette({
+  appearance: 'light',
+  scale: gray,
+});
+
+const successToken = generateColorPalette({
+  appearance: 'light',
+  scale: green,
+  type: 'Success',
+});
+
+const warningToken = generateColorPalette({
+  appearance: 'light',
+  scale: gold,
+  type: 'Warning',
+});
+
+const errorToken = generateColorPalette({
+  appearance: 'light',
+  scale: volcano,
+  type: 'Error',
+});
+
+const infoToken = generateColorPalette({
+  appearance: 'light',
+  scale: geekblue,
+  type: 'Info',
+});
+
+const lightBaseToken: Partial<AliasToken> = {
+  ...primaryToken,
+  ...neutralToken,
+  ...successToken,
+  ...warningToken,
+  ...errorToken,
+  ...infoToken,
+
+  boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',
+  boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',
+  boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',
+  colorLink: infoToken.colorInfoText,
+  colorLinkActive: infoToken.colorInfoTextActive,
+
+  colorLinkHover: infoToken.colorInfoTextHover,
+  colorTextLightSolid: neutralToken.colorBgLayout,
+};
+
+export default lightBaseToken;

package/dist/templates/theme.ts

@@ -0,0 +1,5 @@
+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/threeModel.json

@@ -0,0 +1,9 @@
+{
+  "viewerToolbarButtons": {
+    "wireframeMode": "线框模式",
+    "solidMode": "白模模式",
+    "export": "导出",
+    "image": "截图",
+    "rotation": "顺时针旋转"
+  }
+}

package/dist/templates/token/base.ts

@@ -0,0 +1,16 @@
+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/token/dark.ts

@@ -0,0 +1,60 @@
+import { AliasToken } from 'antd/es/theme/interface';
+
+import { blue, gold, gray, lime, primary, red } from '@/color/colors';
+
+import { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';
+
+const primaryToken = generateColorPalette({
+  appearance: 'dark',
+  scale: primary,
+  type: 'Primary',
+});
+
+const neutralToken = generateColorNeutralPalette({
+  appearance: 'dark',
+  scale: gray,
+});
+
+const successToken = generateColorPalette({
+  appearance: 'dark',
+  scale: lime,
+  type: 'Success',
+});
+
+const warningToken = generateColorPalette({
+  appearance: 'dark',
+  scale: gold,
+  type: 'Warning',
+});
+
+const errorToken = generateColorPalette({
+  appearance: 'dark',
+  scale: red,
+  type: 'Error',
+});
+
+const infoToken = generateColorPalette({
+  appearance: 'dark',
+  scale: blue,
+  type: 'Info',
+});
+
+const darkBaseToken: Partial<AliasToken> = {
+  ...primaryToken,
+  ...neutralToken,
+  ...successToken,
+  ...warningToken,
+  ...errorToken,
+  ...infoToken,
+
+  boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',
+  boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',
+  boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',
+  colorLink: infoToken.colorInfoText,
+  colorLinkActive: infoToken.colorInfoTextActive,
+
+  colorLinkHover: infoToken.colorInfoTextHover,
+  colorTextLightSolid: neutralToken.colorBgLayout,
+};
+
+export default darkBaseToken;

package/dist/templates/token/light.ts

@@ -0,0 +1,60 @@
+import { AliasToken } from 'antd/es/theme/interface';
+
+import { geekblue, gold, gray, green, primary, volcano } from '@/color/colors';
+
+import { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';
+
+const primaryToken = generateColorPalette({
+  appearance: 'light',
+  scale: primary,
+  type: 'Primary',
+});
+
+const neutralToken = generateColorNeutralPalette({
+  appearance: 'light',
+  scale: gray,
+});
+
+const successToken = generateColorPalette({
+  appearance: 'light',
+  scale: green,
+  type: 'Success',
+});
+
+const warningToken = generateColorPalette({
+  appearance: 'light',
+  scale: gold,
+  type: 'Warning',
+});
+
+const errorToken = generateColorPalette({
+  appearance: 'light',
+  scale: volcano,
+  type: 'Error',
+});
+
+const infoToken = generateColorPalette({
+  appearance: 'light',
+  scale: geekblue,
+  type: 'Info',
+});
+
+const lightBaseToken: Partial<AliasToken> = {
+  ...primaryToken,
+  ...neutralToken,
+  ...successToken,
+  ...warningToken,
+  ...errorToken,
+  ...infoToken,
+
+  boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',
+  boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',
+  boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',
+  colorLink: infoToken.colorInfoText,
+  colorLinkActive: infoToken.colorInfoTextActive,
+
+  colorLinkHover: infoToken.colorInfoTextHover,
+  colorTextLightSolid: neutralToken.colorBgLayout,
+};
+
+export default lightBaseToken;

package/dist/templates/toolbox.json

@@ -0,0 +1,11 @@
+{
+  "assets": "资源",
+  "myAssets": "我的资产",
+  "collected": "已收藏",
+  "property": "属性",
+  "material": "材质",
+  "pbr": "PBR",
+  "metallic": "金属度",
+  "roughness": "粗糙度",
+  "transform": "变换"
+}

package/dist/templates/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "declaration": false, // 生成声明文件
+    "esModuleInterop": true, // 允许 export = 导出，由import from 导入
+    "module": "commonjs", // 生成代码的模块标准
+    "moduleResolution": "node", // 模块解析策略
+    "noUnusedLocals": false, // 检查只声明，未使用的局部变量
+    "noImplicitAny": false, // 不允许隐式的 any 类型。
+    "noUnusedParameters": true, // 检查未使用的函数参数
+    "sourceMap": true, // 编译器编译时，生成目标文件的sourceMap文件。
+    "strict": true, // 开启所有严格的类型检查
+    "skipLibCheck": true, // 用来控制是否在编译时进行库文件检查的
+    "target": "es5", // 目标语言的版本
+    "jsx": "react", // 控制如何在 JavaScript 文件中发出 JSX 构造。这只影响以.tsx files 开头的 JS 文件的输出
+    "lib": ["es5", "dom", "dom.iterable", "esnext"], // TypeScript 包含内置 JS API 的一组默认类型定义（如Math），以及浏览器环境中找到的内容的类型定义（如document)
+    "paths": {
+      "@/*": ["./src/*"],
+      "@shared/*": ["./shared/*"],
+      "@config/*": ["./config/*"],
+      "@store/*": ["./store/*"],
+      "@utils/*": ["./utils/*"]
+    }, // 将导入重新映射到相对于baseUrlif 集或 tsconfig 文件本身的查找位置
+    "types": ["jest", "node", "@testing-library/jest-dom"]
+  },
+  "exclude": ["**/node_modules", "**/examples", "**/dist", "**/fixtures", "**/*.test.ts", "**/*.e2e.ts", "**/templates", "ui"], // 指定解析时应跳过的文件名或模式数组include。
+  "include": ["./src/**/*", "./store/**/*", "./react-app-env.d.ts", "config/router", "**/*.test.ts", "**/*.test.tsx"] // 指定要包含在程序中的文件名或模式的数组。这些文件名是相对于包含该tsconfig.json文件的目录进行解析的。
+}

package/dist/templates/type.ts

@@ -0,0 +1,28 @@
+import type {
+  ThemeProviderProps as AntdThemeProviderProps,
+  CustomStylishParams,
+  CustomTokenParams,
+} from 'antd-style';
+import type { CSSProperties } from 'react';
+
+import type { NeutralColors, PrimaryColors } from '@/styles';
+
+export interface ThemeProviderProps extends AntdThemeProviderProps<any> {
+  className?: string;
+  customFonts?: string[];
+  customStylish?: (theme: CustomStylishParams) => { [key: string]: any };
+  customTheme?: {
+    neutralColor?: NeutralColors;
+    primaryColor?: PrimaryColors;
+  };
+  customToken?: (theme: CustomTokenParams) => { [key: string]: any };
+  enableCustomFonts?: boolean;
+  enableGlobalStyle?: boolean;
+  style?: CSSProperties;
+}
+
+export interface MetaProps {
+  description?: string;
+  title?: string;
+  withManifest?: boolean;
+}

package/dist/templates/types/customStylish.ts

@@ -0,0 +1,20 @@
+export interface LobeCustomStylish {
+  active: string;
+  blur: string;
+  blurStrong: string;
+  bottomScrollbar: string;
+  disabled: string;
+  gradientAnimation: string;
+  noScrollbar: string;
+  resetLinkColor: string;
+  shadow: string;
+  variantBorderless: string;
+  variantBorderlessDanger: string;
+  variantBorderlessWithoutHover: string;
+  variantFilled: string;
+  variantFilledDanger: string;
+  variantFilledWithoutHover: string;
+  variantOutlined: string;
+  variantOutlinedDanger: string;
+  variantOutlinedWithoutHover: string;
+}

package/dist/templates/types/customToken.ts

@@ -0,0 +1,70 @@
+const PresetColors = [
+  'red',
+  'volcano',
+  'orange',
+  'gold',
+  'yellow',
+  'lime',
+  'green',
+  'cyan',
+  'blue',
+  'geekblue',
+  'purple',
+  'magenta',
+  'gray',
+] as const;
+
+const PresetSystemColors = ['Error', 'Warning', 'Success', 'Info'] as const;
+
+export type PresetColorKey = (typeof PresetColors)[number];
+
+export type PresetSystemColorKey = (typeof PresetSystemColors)[number];
+
+export type PresetColorType = Record<PresetColorKey, string>;
+
+export type PresetSystemColorType = Record<PresetSystemColorKey, string>;
+
+type ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+
+type ColorTokenKey =
+  | 'Fill'
+  | 'FillSecondary'
+  | 'FillTertiary'
+  | 'FillQuaternary'
+  | 'Bg'
+  | 'BgHover'
+  | 'Border'
+  | 'BorderSecondary'
+  | 'BorderHover'
+  | 'Hover'
+  | ''
+  | 'Active'
+  | 'TextHover'
+  | 'Text'
+  | 'TextActive';
+
+type SystemColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary';
+
+export type ColorToken = {
+  [key in `${keyof PresetColorType}${ColorTokenKey}`]: string;
+};
+
+export type SystemColorToken = {
+  [key in `color${keyof PresetSystemColorType}${SystemColorTokenKey}`]: string;
+};
+
+export type ColorPalettes = {
+  [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}`]: string;
+};
+
+export type ColorPalettesAlpha = {
+  [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}A`]: string;
+};
+
+export interface LobeCustomToken
+  extends ColorPalettes,
+    ColorPalettesAlpha,
+    ColorToken,
+    SystemColorToken {
+  colorBgContainerSecondary: string;
+}

package/dist/templates/types/index.ts

@@ -0,0 +1,21 @@
+import { AnchorHTMLAttributes, type HTMLAttributes } from "react";
+
+export * from "./customStylish";
+export * from "./customToken";
+export * from "./routes";
+
+export type DivProps = HTMLAttributes<HTMLDivElement>;
+
+export type VideoProps = HTMLAttributes<HTMLVideoElement>;
+
+export type SvgProps = HTMLAttributes<SVGSVGElement>;
+
+export type ImgProps = HTMLAttributes<HTMLImageElement>;
+
+export type AProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+
+export type InputProps = HTMLAttributes<HTMLInputElement>;
+
+export type TextAreaProps = HTMLAttributes<HTMLTextAreaElement>;
+
+export type SpanProps = HTMLAttributes<HTMLSpanElement>;

package/dist/templates/types/routes.ts

@@ -0,0 +1,70 @@
+export interface RouteItem {
+  path?: string;
+  wrappers?: string[];
+  component?: string | (() => React.JSX.Element);
+  redirect?: string;
+  routes?: RouteItem[];
+  [any: string]: any;
+}
+
+export interface IRouteConventionExportProps {
+  routeProps?: Record<string, any>;
+}
+
+export interface IRoute extends IRouteConventionExportProps {
+  id: string;
+  path?: string;
+  index?: boolean;
+  parentId?: string;
+  redirect?: string;
+  loading?: string | React.ReactNode;
+  absPath?: string;
+  file?: string;
+  name?: string;
+  title?: string;
+  cname?: string;
+  key?: string;
+  perarr?: string;
+  microApp?: string;
+  entry?: string;
+  [key: string]: any;
+}
+
+export interface IClientRoute extends IRoute {
+  element: React.ReactNode;
+  children?: IClientRoute[];
+  routes?: IClientRoute[];
+}
+
+export interface IRoutesById {
+  [id: string]: IRoute;
+}
+
+export interface IRouteComponents {
+  [id: string]: any;
+}
+
+export interface RenderClientOpts {
+  /**
+   * react dom 渲染的的目标 dom
+   * @doc 一般不需要改，微前端的时候会变化
+   */
+  rootElement?: HTMLElement;
+  /**
+   * 设置路由 base，部署项目到非根目录下时使用。
+   */
+  basename?: string;
+  /**
+   * loading 中展示的组件 dom （全局加载组件）。
+   */
+  loadingComponent?: () => React.ReactNode;
+  /**
+   * 自定义错误边界组件
+   */
+  errorBoundary?: React.ComponentType<{ error: Error; retry: () => void }>;
+}
+
+export interface IMemo {
+  id: number;
+  ret: any;
+}

package/dist/templates/types.ts

@@ -0,0 +1,21 @@
+type colorStep = [
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+];
+export interface ColorScaleItem {
+  dark: colorStep;
+  darkA: colorStep;
+  light: colorStep;
+  lightA: colorStep;
+}