@opendesign-plus-test/components 0.0.1-rc.82 → 0.0.1-rc.84

package/src/vue.d.ts

@@ -1,10 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
-
-declare module '*.scss' {
-  const content: { [className: string]: string }
-  export default content
-}

package/tsconfig.json

@@ -1,37 +0,0 @@
-{
-  "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

@@ -1,123 +0,0 @@
-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;
-                }
-                // locale 子路径打包进库，避免消费方路径解析问题
-                if (id.startsWith('@opensig/opendesign/es/locale/')) {
-                  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'),
-        '@opendesign-plus/styles': path.resolve(__dirname, '../styles/src'),
-      },
-    },
-    css: {
-      preprocessorOptions: {
-        scss: {
-          charset: false,
-          additionalData: `
-          @use '@opensig/opendesign/es/_styles/mixin.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 "@/assets/styles/element-plus.scss" as *;
-        `,
-        },
-      },
-    },
-    plugins: [
-      // 关键：配置Vue插件正确处理样式
-      vue({
-        include: [/\.vue$/],
-        template: {
-          compilerOptions: {
-            // 确保模板编译正确
-          },
-        },
-      }) as any,
-      dts({
-        include: ['./src/components/**/*', './src/index.ts', './src/*.d.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: '/',
-  };
-});

package/vite.treeshaking.config.ts

@@ -1,127 +0,0 @@
-import path from 'path';
-import { rmSync, existsSync } from 'fs';
-import { readFile } from 'fs/promises';
-
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import Icons from 'unplugin-icons/vite';
-import { FileSystemIconLoader } from 'unplugin-icons/loaders';
-import ElementPlus from 'unplugin-element-plus/vite';
-import dts from 'vite-plugin-dts';
-
-import CssInjectPlugin from './plugins/css-inject-plugin';
-
-if (existsSync(path.resolve(__dirname, './dist/treeshaking'))) {
-  rmSync(path.resolve(__dirname, './dist/treeshaking'), { recursive: true });
-}
-
-const nodeModulesRegex = /node_modules\/(?:\.pnpm\/[^/]+\/node_modules\/)?((?:@[^/]+\/[^/]+|[^/]+)\/.*)/;
-
-const getAssetFileNames = (assetInfo: { name?: string; names?: string[] }) => {
-  if (assetInfo.names?.some((n) => n.includes('node_modules'))) {
-    const name = assetInfo.names[0];
-    const match = name.match(nodeModulesRegex);
-    return `_virtual/${match ? match[1] : name}`;
-  }
-
-  return '[name].[ext]';
-};
-
-const getEntryFileNames = (ext: string) => (chunkInfo: { facadeModuleId?: string | null; name: string }) => {
-  if (chunkInfo.facadeModuleId?.includes('node_modules')) {
-    const cleanId = chunkInfo.facadeModuleId.replace(/\?.*$/, '');
-    const match = cleanId.match(nodeModulesRegex);
-    return `_virtual/${match ? match[1] : chunkInfo.name}.${ext}`;
-  }
-  return `[name].${ext}`;
-};
-
-const externalDependencies = {
-  vue: 'Vue',
-  '@opensig/opendesign': 'OpenDesign',
-  '@vueuse/core': 'VueUse',
-  '@opendesign-plus/composables': 'OpenDesignPlusComposables',
-  '@opendesign-plus/styles': 'OpenDesignPlusStyles',
-  aos: 'Aos',
-  dayjs: 'dayjs',
-  'vue-dompurify-html': 'VueDomPurifyHTML',
-  'element-plus': 'ElementPlus',
-  // 'video.js': 'Videojs',
-};
-
-export default defineConfig({
-  build: {
-    minify: false,
-    cssCodeSplit: true,
-    assetsInlineLimit: 0,
-    lib: {
-      name: 'OpenDesignPlusComponents',
-      entry: {
-        index: path.resolve(__dirname, 'src/index.ts'),
-      },
-    },
-    rollupOptions: {
-      external: (id: string) => {
-        return Object.keys(externalDependencies).some((ext) => id === ext || id.startsWith(ext + '/'));
-      },
-      output: [
-        {
-          format: 'es',
-          dir: path.resolve(__dirname, './dist/treeshaking'),
-          preserveModules: true,
-          preserveModulesRoot: 'src',
-          globals: externalDependencies,
-          assetFileNames: getAssetFileNames,
-          entryFileNames: getEntryFileNames('mjs'),
-        },
-      ],
-    },
-  },
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, 'src'),
-    },
-  },
-  css: {
-    preprocessorOptions: {
-      scss: {
-        charset: false,
-        additionalData: async (source: string, filename: string) => {
-          let base = `
-            @use '@opensig/opendesign/es/_styles/mixin.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 *;
-          `.trim();
-
-          const fileContent = await readFile(filename, 'utf-8');
-          if (fileContent.includes('element-plus')) {
-            base = `${base}\n@use "@/assets/styles/element-plus.scss" as *;`;
-          }
-
-          return `${base}\n${source}`;
-        },
-      },
-    },
-  },
-  plugins: [
-    vue(),
-    dts({
-      outDir: path.resolve(__dirname, './dist/treeshaking'),
-      include: ['./src/components/**/*', './src/index.ts', './src/*.d.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')),
-      },
-    }),
-    ElementPlus({
-      useSource: false,
-    }),
-    CssInjectPlugin(),
-  ],
-});