@4399ywkf/cli 1.0.10 → 2.0.1

package/dist/templates/styles/theme/antdTheme.ts

@@ -1,62 +0,0 @@
-import { ThemeConfig } from "antd";
-import { ThemeAppearance } from "antd-style";
-
-import { NeutralColors, PrimaryColors } from "../customTheme";
-import { darkAlgorithm } from "./algorithms/darkAlgorithm";
-import { lightAlgorithm } from "./algorithms/lightAlgorithm";
-import { baseToken } from "./token/base";
-
-export interface LobeAntdThemeParams {
-  appearance: ThemeAppearance;
-  neutralColor?: NeutralColors;
-  primaryColor?: PrimaryColors;
-}
-
-/**
- * create A LobeHub Style Antd Theme Object
- * @param neutralColor
- * @param appearance
- * @param primaryColor
- */
-export const createLobeAntdTheme = ({
-  neutralColor,
-  appearance,
-  primaryColor,
-}: LobeAntdThemeParams): ThemeConfig => {
-  const isDark = appearance === "dark";
-
-  return {
-    algorithm: isDark ? darkAlgorithm : lightAlgorithm,
-    components: {
-      Button: {
-        contentFontSizeSM: 12,
-      },
-      DatePicker: {
-        activeBorderColor: baseToken.colorBorder,
-        hoverBorderColor: baseToken.colorBorder,
-      },
-      Input: {
-        activeBorderColor: baseToken.colorBorder,
-        hoverBorderColor: baseToken.colorBorder,
-      },
-      InputNumber: {
-        activeBorderColor: baseToken.colorBorder,
-        hoverBorderColor: baseToken.colorBorder,
-      },
-      Mentions: {
-        activeBorderColor: baseToken.colorBorder,
-        hoverBorderColor: baseToken.colorBorder,
-      },
-      Select: {
-        activeBorderColor: baseToken.colorBorder,
-        hoverBorderColor: baseToken.colorBorder,
-      },
-    },
-    token: {
-      ...baseToken,
-      // @ts-ignore
-      neutralColor,
-      primaryColor,
-    },
-  };
-};

package/dist/templates/styles/theme/customStylish.ts

@@ -1,189 +0,0 @@
-import { GetCustomStylish, keyframes } from 'antd-style';
-
-import { LobeCustomStylish } from '@/types/customStylish';
-
-export const generateCustomStylish: GetCustomStylish<LobeCustomStylish> = ({
-  css,
-  token,
-  isDarkMode,
-}) => {
-  const gradient = keyframes`
-    0% {
-      background-position: 0% 50%;
-    }
-    50% {
-      background-position: 100% 50%;
-    }
-    100% {
-      background-position: 0% 50%;
-    }
-  `;
-
-  return {
-    active: css`
-      color: ${token.colorText};
-      background: ${token.colorFillSecondary};
-
-      &:hover {
-        color: ${token.colorText};
-        background: ${token.colorFill};
-      }
-
-      &:active {
-        color: ${token.colorText};
-        background: ${isDarkMode ? token.colorFillSecondary : token.colorFill};
-      }
-    `,
-    blur: css`
-      backdrop-filter: saturate(150%) blur(10px);
-    `,
-    blurStrong: css`
-      backdrop-filter: saturate(150%) blur(36px);
-    `,
-    bottomScrollbar: css`
-      ::-webkit-scrollbar {
-        width: 0;
-        height: 4px;
-        background-color: transparent;
-
-        &-thumb {
-          background-color: ${token.colorFill};
-          border-radius: 4px;
-          transition: background-color 500ms ${token.motionEaseOut};
-        }
-
-        &-corner {
-          display: none;
-          width: 0;
-          height: 0;
-        }
-      }
-    `,
-    disabled: css`
-      cursor: not-allowed;
-      opacity: 0.5;
-    `,
-    gradientAnimation: css`
-      background-image: linear-gradient(
-        -45deg,
-        ${token.gold},
-        ${token.magenta},
-        ${token.geekblue},
-        ${token.cyan}
-      );
-      background-size: 400% 400%;
-      border-radius: inherit;
-      animation: 5s ${gradient} 5s ease infinite;
-    `,
-    noScrollbar: css`
-      ::-webkit-scrollbar {
-        display: none;
-        width: 0;
-        height: 0;
-        background-color: transparent;
-      }
-    `,
-    resetLinkColor: css`
-      cursor: pointer;
-      color: ${token.colorTextSecondary};
-
-      &:hover {
-        color: ${token.colorText};
-      }
-    `,
-    shadow: css`
-      box-shadow:
-        0 1px 0 -1px ${isDarkMode ? token.colorBgLayout : token.colorBorder},
-        0 1px 2px -0.5px ${isDarkMode ? token.colorBgLayout : token.colorBorder},
-        0 2px 2px -1px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary},
-        0 3px 6px -4px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary};
-    `,
-    variantBorderless: css`
-      background: none;
-      border: none;
-      box-shadow: none;
-
-      &:hover {
-        background: ${token.colorFillTertiary};
-      }
-
-      &:active {
-        background: ${isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary};
-      }
-    `,
-    variantBorderlessDanger: css`
-      background: none;
-      border: none;
-      box-shadow: none;
-
-      &:hover {
-        background: ${token.colorErrorBgHover};
-
-      }
-
-      &:active {
-        background: ${token.colorErrorBgActive};
-      }
-    `,
-    variantBorderlessWithoutHover: css`
-      background: none;
-      border: none;
-      box-shadow: none;
-    `,
-    variantFilled: css`
-      background: ${token.colorFillTertiary};
-
-      &:hover {
-        background: ${token.colorFillSecondary};
-      }
-
-      &:active {
-        background: ${isDarkMode ? token.colorFillTertiary : token.colorFill};
-      }
-    `,
-    variantFilledDanger: css`
-      background: ${token.colorErrorBg};
-
-      &:hover {
-        background: ${token.colorErrorBgHover};
-      }
-
-      &:active {
-        background: ${token.colorErrorBgActive};
-      }
-    `,
-    variantFilledWithoutHover: css`
-      background: ${token.colorFillTertiary};
-    `,
-    variantOutlined: css`
-      background: ${token.colorBgContainer};
-      border: 1px solid ${token.colorBorderSecondary};
-
-      &:hover {
-        background: ${token.colorBgContainer};
-        border: 1px solid ${token.colorBorder};
-      }
-
-      &:active {
-        background: ${token.colorBgContainer};
-        border: 1px solid ${token.colorBorder};
-      }
-    `,
-
-    variantOutlinedDanger: css`
-      border: 1px solid ${token.colorErrorBorder};
-
-      &:hover {
-        border: 1px solid ${token.colorErrorBorder};
-      }
-
-      &:active {
-        border: 1px solid ${token.colorErrorBorder};
-      }
-    `,
-    variantOutlinedWithoutHover: css`
-      background: ${token.colorBgContainer};
-      border: 1px solid ${token.colorBorderSecondary};
-    `,
-  };
-};

package/dist/templates/styles/theme/customToken.ts

@@ -1,93 +0,0 @@
-import { GetCustomToken } from "antd-style";
-import { AliasToken } from "antd/es/theme/interface";
-import { camelCase } from "lodash-es";
-import { mix } from "polished";
-
-import { colorScales } from "@/color/colors";
-import type { ColorScaleItem } from "@/color/types";
-import type { LobeCustomToken } from "@/types/customToken";
-
-const generateColorPalette = ({
-  name,
-  scale,
-  appearance,
-}: {
-  appearance: "light" | "dark";
-  name: string;
-  scale: ColorScaleItem;
-}) => {
-  const isDarkMode = appearance === "dark";
-  return {
-    [`${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],
-    [`${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],
-    [`${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],
-    [`${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],
-    [`${name}Bg`]: scale[`${appearance}A`][1],
-    [`${name}BgHover`]: scale[`${appearance}A`][2],
-    [`${name}Border`]: scale[appearance][4],
-    [`${name}BorderSecondary`]: scale[appearance][3],
-    [`${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],
-    [`${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],
-    [`${name}`]: scale[appearance][9],
-    [`${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],
-    [`${name}TextHover`]: scale[`${appearance}A`][isDarkMode ? 10 : 8],
-    [`${name}Text`]: scale[`${appearance}A`][9],
-    [`${name}TextActive`]: scale[`${appearance}A`][isDarkMode ? 7 : 10],
-  };
-};
-
-const generateCustomColorPalette = ({
-  name,
-  scale,
-  appearance,
-}: {
-  appearance: "light" | "dark";
-  name: string;
-  scale: ColorScaleItem;
-}): Partial<AliasToken> => {
-  const colorStepPalette: { [key: string]: string } = {};
-  // @ts-ignore
-  for (const [index, color] of scale[appearance].entries()) {
-    if (index === 0 || index === 12) continue;
-
-    colorStepPalette[`${name}${index}`] = color;
-  }
-  // @ts-ignore
-  for (const [index, color] of scale[`${appearance}A`].entries()) {
-    if (index === 0 || index === 12) continue;
-
-    colorStepPalette[`${name}${index}A`] = color;
-  }
-
-  return {
-    ...colorStepPalette,
-    ...generateColorPalette({ appearance, name, scale }),
-  };
-};
-
-export const generateCustomToken: GetCustomToken<LobeCustomToken> = ({
-  isDarkMode,
-  token,
-}) => {
-  let colorCustomToken: any = {};
-
-  for (const [type, scale] of Object.entries(colorScales)) {
-    colorCustomToken = {
-      ...colorCustomToken,
-      ...generateCustomColorPalette({
-        appearance: isDarkMode ? "dark" : "light",
-        name: camelCase(type),
-        scale,
-      }),
-    };
-  }
-
-  return {
-    ...colorCustomToken,
-    colorBgContainerSecondary: mix(
-      0.5,
-      token.colorBgLayout,
-      token.colorBgContainer
-    ),
-  };
-};

package/dist/templates/styles/theme/generateColorPalette.ts

@@ -1,59 +0,0 @@
-import { AliasToken } from 'antd/es/theme/interface';
-import { capitalize } from 'lodash-es';
-
-import type { ColorScaleItem } from '@/color/types';
-
-export const generateColorPalette = ({
-  type,
-  scale,
-  appearance,
-}: {
-  appearance: 'light' | 'dark';
-  scale: ColorScaleItem;
-  type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;
-}): Partial<AliasToken> => {
-  const name = capitalize(type);
-  const isDarkMode = appearance === 'dark';
-  return {
-    [`color${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],
-    [`color${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],
-    [`color${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],
-    [`color${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],
-    [`color${name}Bg`]: scale[appearance][1],
-    [`color${name}BgHover`]: scale[appearance][2],
-    [`color${name}Border`]: scale[appearance][4],
-    [`color${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],
-    [`color${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],
-    [`color${name}`]: scale[appearance][9],
-    [`color${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],
-    [`color${name}TextHover`]: scale[appearance][isDarkMode ? 10 : 8],
-    [`color${name}Text`]: scale[appearance][9],
-    [`color${name}TextActive`]: scale[appearance][isDarkMode ? 7 : 10],
-  };
-};
-
-export const generateColorNeutralPalette = ({
-  scale,
-  appearance,
-}: {
-  appearance: 'light' | 'dark';
-  scale: ColorScaleItem;
-}): Partial<AliasToken> => {
-  return {
-    colorBgContainer: appearance === 'dark' ? scale[appearance][1] : scale[appearance][0],
-    colorBgElevated: appearance === 'dark' ? scale[appearance][2] : scale[appearance][0],
-    colorBgLayout: appearance === 'dark' ? scale[appearance][0] : scale[appearance][1],
-    colorBgMask: scale.lightA[8],
-    colorBgSpotlight: scale[appearance][4],
-    colorBorder: scale[appearance][3],
-    colorBorderSecondary: scale[appearance][2],
-    colorFill: scale[`${appearance}A`][3],
-    colorFillQuaternary: scale[`${appearance}A`][0],
-    colorFillSecondary: scale[`${appearance}A`][2],
-    colorFillTertiary: scale[`${appearance}A`][1],
-    colorText: scale[appearance][12],
-    colorTextQuaternary: scale[appearance][6],
-    colorTextSecondary: scale[appearance][10],
-    colorTextTertiary: scale[appearance][8],
-  };
-};

package/dist/templates/styles/theme/token/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/styles/theme/token/dark.ts

@@ -1,60 +0,0 @@
-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/styles/theme/token/light.ts

@@ -1,60 +0,0 @@
-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/system.ts

@@ -1 +0,0 @@
-export const SYSTEM_PREFIX = process.env.APP_NAME ?? "";

package/dist/templates/tailwind.config.js

@@ -1,13 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  important: `#${process.env.APP_NAME}`,
-  content: ['./src/**/*.{js,ts,jsx,tsx}'],
-  darkMode: ['variant', '&:not(.light *)'],
-  theme: {
-    extend: {},
-  },
-  corePlugins: {
-    preflight: false,
-  },
-  plugins: [],
-};

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