内置工具包built-in

埋点

packages/ui/src/components/Toast/Toast.module.less

@@ -21,15 +21,13 @@
 
     display: inline-block;
     position: relative;
-    top: 50%;
-    transform: translateY(-50%);
     width: auto;
     max-height: 70%;
     overflow: auto;
     word-break: break-all;
-    border-radius: 8px;
+    border-radius: 12px;
     pointer-events: all;
-    font-size: var(--adm-font-size-7);
+    font-size: 24px;
     line-height: 1.5;
     box-sizing: border-box;
     text-align: initial;

packages/ui/src/components/Toast/Toast.tsx

@@ -3,8 +3,6 @@ import React from 'react'
 
 import styles from './Toast.module.less';
 
-const classPrefix = '__com_toast_';
-
 export interface ToastProps {
   afterClose?: () => void
   visible?: boolean

packages/ui/vite.config.ts

@@ -3,6 +3,8 @@ import react from '@vitejs/plugin-react'
 
 import dts from 'vite-plugin-dts';
 
+import { libInjectCss } from 'vite-plugin-lib-inject-css';
+
 // https://vite.dev/config/
 export default defineConfig(({ mode }): UserConfig => {
 
@@ -12,7 +14,7 @@ export default defineConfig(({ mode }): UserConfig => {
     build: {
       cssCodeSplit: true,
       sourcemap: isDev,
-      target: 'modules',
+      // target: "modules",
       lib: {
         entry: "./src/index.tsx",
         name: 'UI',
@@ -24,23 +26,21 @@ export default defineConfig(({ mode }): UserConfig => {
         // 确保外部化处理那些你不想打包进库的依赖
         external: ['react', 'react-dom', "react/jsx-runtime"],
         output: {
-          inlineDynamicImports: false,
           // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
           globals: {
             React: 'react',
             "react-dom": 'react-dom',
           },
-          freeze: false,
-          preserveModules: true,
-          preserveModulesRoot:'src',
-          entryFileNames: "[name].js",
-          exports: "named",
+          // preserveModules: true,
+          // preserveModulesRoot:'src',
+          // entryFileNames: "[name].js",
+          // exports: "named",
         },
       },
     },
     plugins: [
       react(),
-      // libInjectCss(),
+      libInjectCss(),
       dts({ tsconfigPath: './tsconfig.app.json' })
     ],
     css: {

playground/src/pages/HomeDemo/HomeDemo.tsx

@@ -16,8 +16,10 @@ class HomeDemo extends React.Component {
   }
 
   clickBtn = () => {
-    console.log(123123)
-    Toast.show('我是Toast\n我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast');
+    Toast.show({
+      mask: true,
+      content: '我是Toast\n我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast我是Toast'
+    });
   }
 
   render() {