@4399ywkf/cli 1.0.10 → 2.0.0

package/dist/templates/scripts/i18nWorkflow/utils.ts

@@ -1,76 +0,0 @@
-import { consola } from "consola";
-import { colors } from "consola/utils";
-import { readFileSync, writeFileSync, mkdirSync } from "node:fs";
-import { resolve, dirname } from "node:path";
-import prettier from "@prettier/sync";
-import i18nConfig from "./i18nConfig";
-
-let prettierOptions = prettier.resolveConfig(
-  resolve(__dirname, "../../.prettierrc.js"),
-);
-
-export const readJSON = (filePath: string) => {
-  const data = readFileSync(filePath, "utf8");
-  return JSON.parse(data);
-};
-
-export const writeJSON = (filePath: string, data: any) => {
-  const jsonStr = JSON.stringify(data, null, 2);
-  writeFileSync(filePath, jsonStr, "utf8");
-};
-
-export const writeJSONWithPrettier = (filePath: string, data: any) => {
-  mkdirSync(dirname(filePath), { recursive: true });
-  const jsonStr = JSON.stringify(data, null, 2);
-  const formatted = prettier.format(jsonStr, {
-    ...prettierOptions,
-    parser: "json",
-  });
-  writeFileSync(filePath, formatted, "utf8");
-};
-
-export const genResourcesContent = (locales: string[]) => {
-  let index = "";
-  let indexObj = "";
-
-  for (const locale of locales) {
-    index += `import ${locale} from "./${locale}";\n`;
-    indexObj += `   "${locale.replace("_", "-")}": ${locale},\n`;
-  }
-
-  return `${index}
-const resources = {
-${indexObj}} as const;
-export default resources;
-export const defaultResources = ${i18nConfig.entryLocale};
-export type Resources = typeof resources;
-export type DefaultResources = typeof defaultResources;
-export type Namespaces = keyof DefaultResources;
-export type Locales = keyof Resources;
-`;
-};
-
-export const genNamespaceList = (files: string[], locale: string) => {
-  return files.map((file) => ({
-    name: file.replace(".json", ""),
-    path: resolve(i18nConfig.output, locale, file),
-  }));
-};
-
-export const tagBlue = (text: string) =>
-  colors.bgBlueBright(colors.black(` ${text} `));
-export const tagYellow = (text: string) =>
-  colors.bgYellowBright(colors.black(` ${text} `));
-export const tagGreen = (text: string) =>
-  colors.bgGreenBright(colors.black(` ${text} `));
-export const tagWhite = (text: string) =>
-  colors.bgWhiteBright(colors.black(` ${text} `));
-
-export const split = (name: string) => {
-  consola.log("");
-  consola.log(
-    colors.gray(
-      `========================== ${name} ==============================`,
-    ),
-  );
-};

package/dist/templates/settings/actions.ts

@@ -1,23 +0,0 @@
-import type { StateCreator } from "zustand/vanilla";
-
-import type { UserStore } from "../../store";
-import type { AnimationMode, ThemeMode } from "./initialState";
-
-export interface UserSettingsAction {
-  setAnimationMode: (animationMode: AnimationMode) => void;
-  setThemeMode: (themeMode: ThemeMode) => void;
-}
-
-export const createSettingsSlice: StateCreator<
-  UserStore,
-  [["zustand/devtools", never]],
-  [],
-  UserSettingsAction
-> = (set, get) => ({
-  setAnimationMode: (animationMode: AnimationMode) => {
-    set({ animationMode });
-  },
-  setThemeMode: (themeMode: ThemeMode) => {
-    set({ themeMode });
-  },
-});

package/dist/templates/settings/initialState.ts

@@ -1,32 +0,0 @@
-export type AnimationMode = "disabled" | "agile" | "elegant";
-export type ResponseAnimationStyle = "smooth" | "fadeIn" | "none";
-export type ThemeMode = "auto" | "dark" | "light";
-import type {
-  HighlighterProps,
-  MermaidProps,
-  NeutralColors,
-  PrimaryColors,
-} from "@/styles";
-
-export interface UserSettingsState {
-  animationMode?: AnimationMode;
-  neutralColor?: NeutralColors;
-  primaryColor?: PrimaryColors;
-  fontSize: number;
-  transitionMode?: ResponseAnimationStyle;
-  highlighterTheme?: HighlighterProps["theme"];
-  mermaidTheme?: MermaidProps["theme"];
-
-  themeMode?: ThemeMode;
-}
-
-export const initialState: UserSettingsState = {
-  animationMode: "agile",
-  neutralColor: undefined,
-  primaryColor: undefined,
-  fontSize: 14,
-  transitionMode: "fadeIn",
-  highlighterTheme: "lobe-theme",
-  mermaidTheme: "lobe-theme",
-  themeMode: "auto",
-};

package/dist/templates/slate.ts

@@ -1,66 +0,0 @@
-import { ColorScaleItem } from '../types';
-
-const slate: ColorScaleItem = {
-  dark: [
-    '#000000',
-    '#1b1c1d',
-    '#242527',
-    '#2e2f32',
-    '#383a3c',
-    '#434547',
-    '#4e5052',
-    '#595b5e',
-    '#64676a',
-    '#707276',
-    '#7b7e82',
-    '#b8babc',
-    '#ffffff',
-  ],
-  darkA: [
-    'rgba(255, 255, 255, 0.02)',
-    'rgba(225, 233, 242, 0.12)',
-    'rgba(225, 231, 244, 0.16)',
-    'rgba(230, 235, 250, 0.2)',
-    'rgba(233, 242, 250, 0.24)',
-    'rgba(239, 246, 254, 0.28)',
-    'rgba(236, 242, 248, 0.33)',
-    'rgba(241, 246, 254, 0.37)',
-    'rgba(238, 245, 252, 0.42)',
-    'rgba(238, 243, 251, 0.47)',
-    'rgba(241, 247, 255, 0.51)',
-    'rgba(249, 251, 254, 0.74)',
-    '#ffffff',
-  ],
-  light: [
-    '#ffffff',
-    '#f9f9fa',
-    '#ebebec',
-    '#dcddde',
-    '#cecfd0',
-    '#bfc1c3',
-    '#b1b3b5',
-    '#a4a6a8',
-    '#96989b',
-    '#898b8e',
-    '#7b7e82',
-    '#484a4d',
-    '#111',
-  ],
-  lightA: [
-    'rgba(0, 0, 0, 0.015)',
-    'rgba(55, 55, 88, 0.03)',
-    'rgba(5, 5, 17, 0.08)',
-    'rgba(5, 12, 19, 0.14)',
-    'rgba(10, 15, 20, 0.2)',
-    'rgba(9, 17, 24, 0.26)',
-    'rgba(3, 10, 16, 0.31)',
-    'rgba(2, 8, 13, 0.36)',
-    'rgba(5, 10, 17, 0.42)',
-    'rgba(4, 8, 15, 0.47)',
-    'rgba(1, 7, 15, 0.52)',
-    'rgba(1, 4, 8, 0.72)',
-    'rgba(2, 3, 4, 0.9)',
-  ],
-};
-
-export default slate;

package/dist/templates/slices/profile/actions.ts

@@ -1,20 +0,0 @@
-import type { StateCreator } from 'zustand/vanilla';
-
-import type { UserStore } from '../../store';
-import { apiGetV1GatewayProfile } from './api';
-
-export interface UserProfileAction {
-  getUserProfile: () => Promise<void>;
-}
-
-export const createProfileSlice: StateCreator<
-  UserStore,
-  [['zustand/devtools', never]],
-  [],
-  UserProfileAction
-> = (set, get) => ({
-  getUserProfile: async () => {
-    const { data } = await apiGetV1GatewayProfile();
-    set({ user: data });
-  },
-});

package/dist/templates/slices/profile/api.ts

@@ -1,5 +0,0 @@
-import request from '@config/request';
-
-export function apiGetV1GatewayProfile(params?: Record<string, any>) {
-  return request.get('/v1/gateway/profile', params);
-}

package/dist/templates/slices/profile/initialState.ts

@@ -1,14 +0,0 @@
-import type { User } from '@/types/user';
-
-export interface UserProfileState {
-  user?: User;
-}
-
-export const initialState: UserProfileState = {
-  user: {
-    id: 0,
-    name: '',
-    cname: '',
-    staffId: '',
-  },
-};

package/dist/templates/slices/settings/actions.ts

@@ -1,23 +0,0 @@
-import type { StateCreator } from "zustand/vanilla";
-
-import type { UserStore } from "../../store";
-import type { AnimationMode, ThemeMode } from "./initialState";
-
-export interface UserSettingsAction {
-  setAnimationMode: (animationMode: AnimationMode) => void;
-  setThemeMode: (themeMode: ThemeMode) => void;
-}
-
-export const createSettingsSlice: StateCreator<
-  UserStore,
-  [["zustand/devtools", never]],
-  [],
-  UserSettingsAction
-> = (set, get) => ({
-  setAnimationMode: (animationMode: AnimationMode) => {
-    set({ animationMode });
-  },
-  setThemeMode: (themeMode: ThemeMode) => {
-    set({ themeMode });
-  },
-});

package/dist/templates/slices/settings/initialState.ts

@@ -1,32 +0,0 @@
-export type AnimationMode = "disabled" | "agile" | "elegant";
-export type ResponseAnimationStyle = "smooth" | "fadeIn" | "none";
-export type ThemeMode = "auto" | "dark" | "light";
-import type {
-  HighlighterProps,
-  MermaidProps,
-  NeutralColors,
-  PrimaryColors,
-} from "@/styles";
-
-export interface UserSettingsState {
-  animationMode?: AnimationMode;
-  neutralColor?: NeutralColors;
-  primaryColor?: PrimaryColors;
-  fontSize: number;
-  transitionMode?: ResponseAnimationStyle;
-  highlighterTheme?: HighlighterProps["theme"];
-  mermaidTheme?: MermaidProps["theme"];
-
-  themeMode?: ThemeMode;
-}
-
-export const initialState: UserSettingsState = {
-  animationMode: "agile",
-  neutralColor: undefined,
-  primaryColor: undefined,
-  fontSize: 14,
-  transitionMode: "fadeIn",
-  highlighterTheme: "lobe-theme",
-  mermaidTheme: "lobe-theme",
-  themeMode: "auto",
-};

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

package/dist/templates/src/color/ColorScales/ScaleRow.tsx

@@ -1,74 +0,0 @@
-import { Space, message } from "antd";
-import React, { memo } from "react";
-import { Flexbox } from "react-layout-kit";
-
-import { copyToClipboard } from "@/utils/copyToClipboard";
-
-import { alphaBg, useStyles } from "./style";
-
-export interface IScaleRow {
-  name: string;
-  scale: string[];
-  title: "light" | "lightA" | "dark" | "darkA";
-}
-
-const ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {
-  const { styles } = useStyles();
-
-  let style = {};
-  let isAlpha = false;
-
-  switch (title) {
-    case "lightA": {
-      style = { background: alphaBg.light, backgroundColor: "#fff" };
-      isAlpha = true;
-      break;
-    }
-    case "darkA": {
-      style = { background: alphaBg.dark, backgroundColor: "#000" };
-      isAlpha = true;
-      break;
-    }
-    default: {
-      break;
-    }
-  }
-
-  return (
-    <Space size={2}>
-      <div className={styles.scaleRowTitle} key={title}>
-        <div className={styles.text}>{title}</div>
-      </div>
-      {scale.map((color, index) => {
-        if (index === 0 || index === 12) return false;
-
-        return (
-          <div
-            className={styles.scaleBox}
-            key={index}
-            onClick={async () => {
-              const content = `token.${name}${index}${
-                isAlpha ? "A" : ""
-              } /* ${color} */`;
-
-              await copyToClipboard(content);
-              message.success(content);
-            }}
-            style={style}
-            title={color}
-          >
-            <Flexbox
-              align={"center"}
-              className={styles.scaleItem}
-              horizontal
-              justify={"center"}
-              style={{ backgroundColor: color }}
-            />
-          </div>
-        );
-      })}
-    </Space>
-  );
-});
-
-export default ScaleRow;

package/dist/templates/src/color/ColorScales/index.md

@@ -1,168 +0,0 @@
----
-nav: Colors
-title: ColorScales
-description: The ColorScales component is a memoized component used to display a color scale. It receives props containing the name of the scale, the color scale items, and a number representing the index of the mid-highlight. The component renders a set of ScaleRow components, each representing a different part of the color scale.
-apiHeader:
-  atomId: 'colors, neutrals'
-  pkg: '@lobehub/ui/color'
-  docUrl: 'https://github.com/lobehub/lobe-ui/tree/master/src/color/ColorScales/index.md'
-  sourceUrl: 'https://github.com/lobehub/lobe-ui/tree/master/src/color/colors/index.ts'
----
-
-## Primary
-
-```tsx
-import { ColorScales, primary } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="primary" scale={primary} midHighLight={9} />;
-```
-
-## Colors
-
-### Red
-
-```tsx
-import { ColorScales, red } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="red" scale={red} midHighLight={9} />;
-```
-
-### Volcano
-
-```tsx
-import { ColorScales, volcano } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="volcano" scale={volcano} midHighLight={9} />;
-```
-
-### Orange
-
-```tsx
-import { ColorScales, orange } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="orange" scale={orange} midHighLight={9} />;
-```
-
-### Gold
-
-```tsx
-import { ColorScales, gold } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="gold" scale={gold} midHighLight={9} />;
-```
-
-### Yellow
-
-```tsx
-import { ColorScales, yellow } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="yellow" scale={yellow} midHighLight={9} />;
-```
-
-### Lime
-
-```tsx
-import { ColorScales, lime } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="lime" scale={lime} midHighLight={9} />;
-```
-
-### Green
-
-```tsx
-import { ColorScales, green } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="green" scale={green} midHighLight={9} />;
-```
-
-### Cyan
-
-```tsx
-import { ColorScales, cyan } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="cyan" scale={cyan} midHighLight={9} />;
-```
-
-### Blue
-
-```tsx
-import { ColorScales, blue } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="blue" scale={blue} midHighLight={9} />;
-```
-
-### Geekblue
-
-```tsx
-import { ColorScales, geekblue } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="geekblue" scale={geekblue} midHighLight={9} />;
-```
-
-### Purple
-
-```tsx
-import { ColorScales, purple } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="purple" scale={purple} midHighLight={9} />;
-```
-
-### Magenta
-
-```tsx
-import { ColorScales, magenta } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="magenta" scale={magenta} midHighLight={9} />;
-```
-
-## Neutral
-
-### Gray
-
-```tsx
-import { ColorScales, gray } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="gray" scale={gray} midHighLight={9} />;
-```
-
-## Extra Neutral
-
-### Mauve
-
-```tsx
-import { ColorScales, mauve } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="mauve" scale={mauve} midHighLight={9} />;
-```
-
-### Olive
-
-```tsx
-import { ColorScales, olive } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="olive" scale={olive} midHighLight={9} />;
-```
-
-### Sage
-
-```tsx
-import { ColorScales, sage } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="sage" scale={sage} midHighLight={9} />;
-```
-
-### Sand
-
-```tsx
-import { ColorScales, sand } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="sand" scale={sand} midHighLight={9} />;
-```
-
-### Slate
-
-```tsx
-import { ColorScales, slate } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="slate" scale={slate} midHighLight={9} />;
-```

package/dist/templates/src/color/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/src/color/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;
-  `,
-}));