@opendesign-plus/components 0.0.1-rc.10

package/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "target": "es2021",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "lib": [
+      "ES2021",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    /* Declaration */
+    "declaration": true,
+    "declarationDir": "dist",
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/vite.config.ts

@@ -0,0 +1,118 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import Icons from 'unplugin-icons/vite';
+import path from 'path';
+import { FileSystemIconLoader } from 'unplugin-icons/loaders';
+import ElementPlus from 'unplugin-element-plus/vite';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig(({ mode }) => {
+  const isLibraryMode = mode === 'library';
+
+  return {
+    build: {
+      outDir: path.resolve(__dirname, './dist'),
+      ...(isLibraryMode
+        ? {
+            lib: {
+              entry: {
+                lib: path.resolve(__dirname, 'src/index.ts'),
+                element: path.resolve(__dirname, 'src/components/element-plus/index.ts'),
+              },
+              name: 'OpenDesignPlusComponents',
+              fileName: (format, entry) => {
+                if (entry === 'lib') return `components.${format}.js`;
+                return `components.${entry}.${format}.js`;
+              },
+              formats: ['es', 'cjs'],
+              cssInjectedByJs: true,
+            },
+            rollupOptions: {
+              external: (id: string) => {
+                // element-plus 的 CSS 样式路径不外部化，打包进库中
+                if (
+                  id.startsWith('element-plus') &&
+                  (id.includes('/style') || id.includes('/theme-chalk'))
+                ) {
+                  return false;
+                }
+                // element-plus JS 保持外部化
+                if (/^element-plus/.test(id)) return true;
+                // 其他外部依赖
+                return [
+                  'vue',
+                  '@opensig/opendesign',
+                  '@vueuse/core',
+                  'shiki',
+                  '@opendesign-plus/composables',
+                ].some((ext) => id === ext || id.startsWith(ext + '/'));
+              },
+              output: {
+                globals: {
+                  'element-plus': 'ElementPlus',
+                  vue: 'Vue',
+                  '@opensig/opendesign': 'OpenDesign',
+                  '@vueuse/core': 'VueUse',
+                  '@opendesign-plus/composables': 'OpenDesignPlusComposables',
+                },
+                // entryFileNames: 'components.[format].js',
+                chunkFileNames: 'chunk-[name].[format].js',
+              },
+            },
+            cssCodeSplit: false, // 禁用CSS分割，所有样式打包到一起
+          }
+        : {}),
+    },
+    resolve: {
+      alias: {
+        vue: 'vue/dist/vue.esm-bundler.js',
+        '@': path.resolve(__dirname, 'src'),
+      },
+    },
+    css: {
+      preprocessorOptions: {
+        scss: {
+          charset: false,
+          additionalData: `
+          @use "@opendesign-plus/styles/mixin/screen.scss" as *;
+          @use "@opendesign-plus/styles/mixin/font.scss" as *;
+          @use "@opendesign-plus/styles/mixin/common.scss" as *;
+          @use "@opendesign-plus/styles/mixin/gap.scss" as *;
+          @use "@opendesign-plus/styles/element-plus.css" as *;
+        `,
+        },
+      },
+    },
+    plugins: [
+      // 关键：配置Vue插件正确处理样式
+      vue({
+        include: [/\.vue$/],
+        template: {
+          compilerOptions: {
+            // 确保模板编译正确
+          },
+        },
+      }) as any,
+      dts({
+        include: ['./src/components/**/*', './src/index.ts'],
+        exclude: ['./src/components/common/**/*']
+      }),
+      Icons({
+        compiler: 'vue3',
+        customCollections: {
+          components: FileSystemIconLoader(path.resolve(__dirname, './src/assets/svg-icons')),
+          meeting: FileSystemIconLoader(path.resolve(__dirname, './src/assets/meeting/svg-icons')),
+          events: FileSystemIconLoader(path.resolve(__dirname, './src/assets/events/svg-icons')),
+        },
+      }),
+      ...(isLibraryMode
+        ? [ElementPlus({ useSource: false })]
+        : [ElementPlus({ useSource: true })])
+    ],
+    assetsInclude: ['**/*.md'],
+    server: {
+      proxy: {},
+    },
+    base: '/',
+  };
+});