@4399ywkf/cli 1.0.9 → 2.0.0

package/dist/templates/store/types.ts

@@ -1,83 +0,0 @@
-interface SiderRoutesItem {
-  path: string;
-  name: string;
-  id: string;
-  icon: any;
-  perarr: string;
-  children?: SiderRoutesItem[];
-}
-
-export interface SiderRoutesProps {
-  name?: string;
-  routes?: SiderRoutesItem[];
-}
-
-export interface IBestAFSRoute {
-  /**
-   * @description 菜单上显示的名称，没有则不展示该菜单。
-   */
-  name?: string;
-  /**
-   * @description icon 图标。
-   */
-  icon?: any;
-  /**
-   * @description 权限位。
-   */
-  perarr?: string;
-  /**
-   * @name false 时不显示顶栏
-   */
-  headerRender?: boolean;
-  /**
-   * @name false 时不显示页脚
-   */
-  footerRender?: false;
-  /**
-   * @name false 时不显示菜单
-   */
-  menuRender?: false;
-  /**
-   * @name false 时不显示菜单的 title 和 logo
-   */
-  menuHeaderRender?: false;
-  /**
-   * @name false 时隐藏子菜单
-   */
-  hideChildrenInMenu?: false;
-  /**
-   * @name false 时隐藏自己和子菜单
-   */
-  hideInMenu?: false;
-  /**
-   * @name false 时不跳过权限认证
-   */
-  skipAuth?: boolean;
-  /**
-   * @name string 归属某个具体的分类
-   */
-  category?: string;
-  /**
-   * @name string 路由的 title
-   */
-  title?: string;
-}
-
-// 定义路由的数据结构
-export interface RoutesTree {
-  key?: string;
-  path?: string;
-  wrappers?: string[];
-  component?: string | (() => React.JSX.Element);
-  routes?: RoutesTree[];
-  microApp?: string;
-  entry?: string;
-  redirect?: string;
-  props?: IBestAFSRoute;
-}
-
-export interface ApiParams {
-  id: string | number[] | string[] | number;
-  action: string;
-  data: any;
-}

package/dist/templates/store/user/index.tsx

@@ -1 +0,0 @@
-export * from './store';

package/dist/templates/store/user/indexApi.tsx

@@ -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/store/user/initialState.ts

@@ -1,15 +0,0 @@
-import {
-  type UserProfileState,
-  initialState as initialProfileState,
-} from './slices/profile/initialState';
-import {
-  type UserSettingsState,
-  initialState as initialSettingsState,
-} from './slices/settings/initialState';
-
-export type UserState = UserProfileState & UserSettingsState;
-
-export const initialState: UserState = {
-  ...initialProfileState,
-  ...initialSettingsState,
-};

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

@@ -1,39 +0,0 @@
-import { subscribeWithSelector } from 'zustand/middleware';
-import { shallow } from 'zustand/shallow';
-import { createWithEqualityFn } from 'zustand/traditional';
-import type { StateCreator } from 'zustand/vanilla';
-
-import { createDevtools } from '../middleware/createDevtools';
-import { type UserState, initialState } from './initialState';
-
-import {
-  type UserProfileAction,
-  createProfileSlice,
-} from './slices/profile/actions';
-import {
-  type UserSettingsAction,
-  createSettingsSlice,
-} from './slices/settings/actions';
-
-//  ===============  聚合 createStoreFn ============ //
-
-export type UserStore = UserState & UserProfileAction & UserSettingsAction;
-
-const createStore: StateCreator<UserStore, [['zustand/devtools', never]]> = (
-  ...parameters
-) => ({
-  ...initialState,
-  ...createProfileSlice(...parameters),
-  ...createSettingsSlice(...parameters),
-});
-
-//  ===============  实装 useStore ============ //
-
-const devtools = createDevtools('user');
-
-export const useUserStore = createWithEqualityFn<UserStore>()(
-  subscribeWithSelector(devtools(createStore)),
-  shallow,
-);
-
-export const getUserStoreState = () => useUserStore.getState();

package/dist/templates/store.ts

@@ -1,39 +0,0 @@
-import { subscribeWithSelector } from 'zustand/middleware';
-import { shallow } from 'zustand/shallow';
-import { createWithEqualityFn } from 'zustand/traditional';
-import type { StateCreator } from 'zustand/vanilla';
-
-import { createDevtools } from '../middleware/createDevtools';
-import { type UserState, initialState } from './initialState';
-
-import {
-  type UserProfileAction,
-  createProfileSlice,
-} from './slices/profile/actions';
-import {
-  type UserSettingsAction,
-  createSettingsSlice,
-} from './slices/settings/actions';
-
-//  ===============  聚合 createStoreFn ============ //
-
-export type UserStore = UserState & UserProfileAction & UserSettingsAction;
-
-const createStore: StateCreator<UserStore, [['zustand/devtools', never]]> = (
-  ...parameters
-) => ({
-  ...initialState,
-  ...createProfileSlice(...parameters),
-  ...createSettingsSlice(...parameters),
-});
-
-//  ===============  实装 useStore ============ //
-
-const devtools = createDevtools('user');
-
-export const useUserStore = createWithEqualityFn<UserStore>()(
-  subscribeWithSelector(devtools(createStore)),
-  shallow,
-);
-
-export const getUserStoreState = () => useUserStore.getState();

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