fix: 解决BasicModal弹窗动态:wrapClassName属性被useFullScreen hooks覆盖的问题 (#2598)

前端爱码士

2023-03-04 ce480c5d664d03536c2077fdb469e57c0fbf79a1

 windi.config.ts

File was renamed from tailwind.config.js
@@ -1,41 +1,34 @@
const colors = require('tailwindcss/colors');
import { defineConfig } from 'vite-plugin-windicss';
import { primaryColor } from './build/config/themeConfig';

module.exports = {
  mode: 'jit',
  // darkMode: 'class',
export default defineConfig({
  darkMode: 'class',
  plugins: [createEnterPlugin()],
  purge: {
    enabled: false,
    content: ['./index.html', './src/**/*.{vue,ts,tsx}'],
  },
  theme: {
    extend: {
      zIndex: {
        '-1': '-1',
      },
    },
    colors: {
      ...colors,
      primary: {
        DEFAULT: '#0960bd',
        // dark: primaryColorDark,
      colors: {
        primary: primaryColor,
      },
      screens: {
        sm: '576px',
        md: '768px',
        lg: '992px',
        xl: '1200px',
        '2xl': '1600px',
      },
    },
    screens: {
      sm: '576px',
      md: '768px',
      lg: '992px',
      xl: '1200px',
      '2xl': '1600px',
    },
  },
};
});

/**
 * Used for animation when the element is displayed
 * @param maxOutput The larger the maxOutput output, the larger the generated css volume
 * Used for animation when the element is displayed.
 * @param maxOutput The larger the maxOutput output, the larger the generated css volume.
 */
function createEnterPlugin(maxOutput = 6) {
  const createCss = (index, d = 'x') => {
  const createCss = (index: number, d = 'x') => {
    const upd = d.toUpperCase();
    return {
      [`*> .enter-${d}:nth-child(${index})`]: {