@opendesign-plus/components 0.0.1-rc.2

package/src/index.ts

@@ -0,0 +1,34 @@
+// OpenDesignPlus Components 库入口文件
+// 此文件由 scripts/generate-components-index.js 自动生成
+
+import OBanner from './components/OBanner.vue';
+import OCookieNotice from './components/OCookieNotice.vue';
+import OCookieNoticeEl from './components/OCookieNoticeEl.vue';
+import OHeaderSearch from './components/OHeaderSearch.vue';
+import OPlusConfigProvider from './components/OPlusConfigProvider.vue';
+import OSection from './components/OSection.vue';
+import OThemeSwitcher from './components/OThemeSwitcher.vue';
+
+// 导出组件
+const components = {
+  OBanner,
+  OCookieNotice,
+  OCookieNoticeEl,
+  OHeaderSearch,
+  OPlusConfigProvider,
+  OSection,
+  OThemeSwitcher
+};
+
+// 导出单个组件
+export { OBanner, OCookieNotice, OCookieNoticeEl, OHeaderSearch, OPlusConfigProvider, OSection, OThemeSwitcher };
+
+// 默认导出（用于Vue插件安装）
+export default {
+  install: (app: any) => {
+    // 注册所有组件
+    Object.entries(components).forEach(([name, component]) => {
+      app.component(name, component);
+    });
+  }
+};

package/src/shared/provide.ts

@@ -0,0 +1,6 @@
+import { InjectionKey } from 'vue';
+
+export const configProviderInjectKey: InjectionKey<{
+  locale: 'zh' | 'en';
+  theme: 'light' | 'dark';
+}> = Symbol('provide-config-provider');

package/src/vue.d.ts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "lib": ["ES2020", "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,94 @@
+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: path.resolve(__dirname, 'src/index.ts'),
+              name: 'OpenDesignPlusComponents',
+              fileName: (format) => `components.${format}.js`,
+              formats: ['es', 'umd', 'cjs'],
+              cssInjectedByJs: true,
+            },
+            rollupOptions: {
+              external: [
+                /^element-plus/,
+                'vue',
+                '@opensig/opendesign',
+                '@vueuse/core',
+                'shiki',
+                '@opendesign-plus/composables',
+              ],
+              output: {
+                globals: {
+                  'element-plus': 'ElementPlus',
+                  vue: 'Vue',
+                  '@opensig/opendesign': 'OpenDesign',
+                  '@vueuse/core': 'VueUse',
+                  '@opendesign-plus/composables': 'OpenDesignPlusComposables',
+                },
+                entryFileNames: 'components.[format].js',
+                chunkFileNames: 'components-[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 *;
+        `,
+        },
+      },
+    },
+    plugins: [
+      // 关键：配置Vue插件正确处理样式
+      vue({
+        include: [/\.vue$/],
+        template: {
+          compilerOptions: {
+            // 确保模板编译正确
+          },
+        },
+      }) as any,
+      dts({
+        include: ['./src/components/*.vue', './src/index.ts']
+      }),
+      Icons({
+        compiler: 'vue3',
+        customCollections: {
+          components: FileSystemIconLoader(path.resolve(__dirname, './src/assets/svg-icons')),
+        },
+      }),
+      ElementPlus({ useSource: true })
+    ],
+    assetsInclude: ['**/*.md'],
+    server: {
+      proxy: {},
+    },
+    base: '/',
+  };
+});