@qi-tian-da-sheng/bin-project-ui 1.0.0

package/tsconfig.app.json

@@ -0,0 +1,42 @@
+{
+  "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,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": [
+    "packages/**/*.ts",
+    "packages/**/*.d.ts",
+    "packages/**/*.tsx",
+    "packages/**/*.vue",
+
+    "examples/**/*.ts",
+    "examples/**/*.d.ts",
+    "examples/**/*.tsx",
+    "examples/**/*.vue",
+
+    "index.ts",
+    "installer.ts",
+
+    "docs/**/*.ts",
+    "docs/**/*.d.ts",
+    "docs/**/*.tsx",
+    "docs/**/*.vue"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,116 @@
+import {defineConfig} from "vite";
+import vue from "@vitejs/plugin-vue";
+import * as path from "path";
+import DefineOptions from "unplugin-vue-define-options/vite";
+import dts from "vite-plugin-dts";
+import cssnano from "cssnano";
+import autoprefixer from "autoprefixer";
+import postcss from "rollup-plugin-postcss";
+import terser from "@rollup/plugin-terser";
+import copy from "rollup-plugin-copy";
+import del from "rollup-plugin-delete";
+
+// https://vitejs.dev/config/
+
+const plugins = [
+  dts({
+    outDir: ['es', 'lib'],
+    compilerOptions: {
+      baseUrl: ".",
+      paths: {
+        "@bin-ui/typings": ["./packages/typings"],
+        "@bin-ui/tools": ["./packages/tools"],
+        "@bin-ui/hooks": ["./packages/hooks"],
+        "@bin-ui/components": ["./packages/components"],
+        "@bin-ui/styles": ["./packages/styles"],
+      }
+    }
+  }),
+
+  postcss({
+    extract: 'index.css',
+    plugins: [
+      autoprefixer(),
+      cssnano()
+    ],
+  }),
+
+  terser({
+    format: {
+      // 保留至少包含 "@license" 或 "@preserve" 的注释
+      comments: 'all',
+    },
+  }),
+
+  copy({
+    targets: [
+      {src: 'es/*.css', dest: 'dist'},
+    ],
+    verbose: true,
+    hook: 'generateBundle'
+  }),
+
+  del({
+    targets: [
+      // 设置删除规则，删除原来位置的 CSS 文件
+      'es/*.css',
+      'lib/*.css',
+      'dist/style.css',
+    ],
+    // 在 writeBundle 钩子时执行删除操作
+    hook: 'closeBundle',
+  }),
+]
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    // 在<script setup>语法中使用 defineOptions 方法来定义组件的选项
+    DefineOptions(),
+    // 打包模式下启用
+    // ...plugins
+  ],
+
+  build: {
+    rollupOptions: {
+      external: ["vue", '@vueuse/core', '@floating-ui/vue'],
+      input: path.resolve(__dirname, './index.ts'),
+      output: [
+        {
+          format: "es",
+          entryFileNames: "[name].mjs",
+          // 让打包目录和我们目录对应
+          preserveModules: true,
+          // 配置打包根目录
+          dir: "es",
+        },
+        {
+          // 打包格式
+          format: "cjs",
+          // 打包后文件名
+          entryFileNames: "[name].js",
+          // 让打包目录和我们目录对应
+          preserveModules: true,
+          // 配置打包根目录
+          dir: "lib",
+        },
+      ],
+
+    },
+    lib: {
+      // 指定组件编译入口文件
+      entry: path.resolve(__dirname, './index.ts'),
+      name: 'bin-ui',
+      fileName: 'bin-ui',
+      formats: ["es", "umd", "cjs"],
+    }
+  },
+
+  css: {
+    preprocessorOptions: {
+      less: {
+        javascriptEnabled: true
+      }
+    }
+  }
+})

package/vitest.config.ts

@@ -0,0 +1,44 @@
+import { defineConfig } from 'vitest/config'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+
+export default defineConfig({
+  plugins: [vue()],
+  test: {
+    globals: true,
+    environment: 'happy-dom',
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      exclude: [
+        'node_modules/',
+        'examples/',
+        'docs/',
+        '**/*.d.ts',
+        '**/*.config.*',
+        '**/dist/**',
+        '**/es/**',
+        '**/lib/**',
+      ],
+    },
+    include: ['packages/**/__tests__/**/*.{test,spec}.{ts,tsx}'],
+    exclude: [
+      'node_modules',
+      'dist',
+      'es',
+      'lib',
+      '.idea',
+      '.git',
+      '.cache',
+    ],
+  },
+  resolve: {
+    alias: {
+      '@bin-ui/components': resolve(__dirname, './packages/components'),
+      '@bin-ui/hooks': resolve(__dirname, './packages/hooks'),
+      '@bin-ui/styles': resolve(__dirname, './packages/styles'),
+      '@bin-ui/tools': resolve(__dirname, './packages/tools'),
+      '@bin-ui/typings': resolve(__dirname, './packages/typings'),
+    },
+  },
+})