exploria-ui 2026.3.2 → 2026.3.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "exploria-ui",
   "description": "《探索UI》组件库",
-  "version": "2026.3.2",
+  "version": "2026.3.4",
   "private": false,
   "type": "module",
   "main": "./dist/components/index.js",
@@ -15,7 +15,6 @@
   ],
   "files": [
     "dist",
-    "src/plugins",
     "package.json",
     "README.md"
   ],
@@ -70,7 +69,7 @@
   },
   "scripts": {
     "build:watch": "vite build --watch",
-    "build:plugins:watch": "node ./scripts/build-plugins.ts --watch",
+    "build:plugins:watch": "node ./scripts/build-plugins.ts",
     "pub": "pnpm publish --no-git-checks",
     "type-check": "vue-tsc --noEmit"
   }

package/src/plugins/EPreloadImageBuilder.ts

@@ -1,66 +0,0 @@
-import * as fastGlob from 'fast-glob';
-import type { Plugin } from 'vite';
-
-const EPreloadImageBuilder = (options: {
-    pattern: string | string[];
-}): Plugin => {
-    const { pattern } = options;
-    const _images: string[] = [];
-    return {
-        name: 'vite-plugin-preload-images',
-        apply: (_, { command }) => ['serve', 'build'].includes(command),
-
-        generateBundle(_, bundle) {
-            const assetsImages: string[] = [];
-            const publicImages: string[] = [];
-            fastGlob.sync(pattern).forEach((file) => {
-                if (file.includes('src/')) {
-                    assetsImages.push(file.replace('./', ''));
-                } else if (file.includes('public/')) {
-                    publicImages.push(file.replace('./', ''));
-                }
-            });
-            const values = Object.values(bundle);
-            values.forEach((item) => {
-                if (
-                    item.type === 'asset' &&
-                    assetsImages.includes(item.originalFileNames[0])
-                ) {
-                    _images.push(item.fileName);
-                }
-            });
-
-            for (const item of publicImages) {
-                _images.push(item.replace('public/', ''));
-            }
-        },
-
-        transformIndexHtml(_, ctx) {
-            let images: string[];
-            if (ctx.server) {
-                // 开发环境
-                const files = fastGlob.sync(pattern);
-                images = files.map(
-                    (file) => (ctx.server!.config.base || '') + file
-                );
-            } else {
-                // 生产环境
-                images = _images;
-            }
-
-            return images.map((file) => {
-                return {
-                    tag: 'link',
-                    attrs: {
-                        rel: 'preload',
-                        href: file,
-                        as: 'image',
-                        fetchpriority: 'low',
-                    },
-                    injectTo: 'head',
-                };
-            });
-        },
-    };
-};
-export default EPreloadImageBuilder;

package/src/plugins/ESvgPolyfill.ts

@@ -1,29 +0,0 @@
-import type { Plugin } from 'vite';
-
-// 修复 老旧浏览器 中 <use> 引用 <symbol> 时，因封闭影子 DOM 导致的 fill=“url(#*)” 失效问题
-const ESvgPolyfill = (): Plugin => {
-    return {
-        name: 'vite-plugin-svg-polyfill',
-        // 仅在 serve 和 build 命令时生效
-        apply: (_, { command }) => ['serve', 'build'].includes(command),
-        transformIndexHtml(html) {
-            const code = `<script>
-                document.addEventListener('DOMContentLoaded', () => {
-                    const defs = document.querySelectorAll('svg defs');
-                    let globalDefsContent = '';
-                    defs.forEach(def => {
-                        globalDefsContent += def.innerHTML;
-                    });
-                    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-                    svg.class = 'global-svg-defs';
-                    svg.style.cssText = 'position: fixed; width: 0; height: 0; visibility: hidden;';
-                    svg.innerHTML = '<defs>'+globalDefsContent+'</defs>';
-                    document.body.insertBefore(svg, document.body.firstChild);
-                });
-            </script>`;
-            return html.replace('</body>', `${code}</body>`);
-        },
-    };
-};
-
-export default ESvgPolyfill;

package/src/plugins/ESvgSpriteBuilder.ts

@@ -1,48 +0,0 @@
-// ESvgSpriteBuilder.ts
-import { readFileSync } from 'node:fs';
-import { basename } from 'node:path';
-
-import fastGlob from 'fast-glob';
-import type { Plugin } from 'vite';
-
-// 获取svgInnerContent
-const getSvgInnerContent = (str: string): string | null => {
-    const regex = /<svg[^>]*>(.*?)<\/svg>/s; // 匹配带有任意属性的<svg>标签
-    const match = str.match(regex); // 执行匹配
-    return match ? match[1] : null; // 如果匹配成功，返回匹配的内容，否则返回 null
-};
-
-const getSvgSymbols = (
-    pattern: string,
-    symbolId: (filename: string) => string
-): string[] => {
-    const files = fastGlob.sync(pattern, {
-        cwd: process.cwd(),
-    });
-    return files.map((filePath) => {
-        const filename = basename(filePath, '.svg');
-        const svgContent = readFileSync(filePath, 'utf-8');
-        const innerContent = getSvgInnerContent(svgContent);
-        const viewBoxMatch = svgContent.match(/viewBox="([^"]*)"/);
-        const viewBox = viewBoxMatch ? viewBoxMatch[1] : '0 0 16 16';
-        return `<symbol id="${symbolId(filename)}" viewBox="${viewBox}">${innerContent}</symbol>`;
-    });
-};
-const ESvgSpriteBuilder = (options: {
-    pattern: string;
-    symbolId: (filename: string) => string;
-}): Plugin => {
-    const { pattern, symbolId } = options;
-    return {
-        name: 'vite-plugin-e-svg-sprite-builder',
-        apply: (_, { command }) => ['serve', 'build'].includes(command),
-
-        transformIndexHtml(html) {
-            // 只在首次调用时生成 SVG 内容
-            const symbols = getSvgSymbols(pattern, symbolId);
-            const svgHtml = `<svg xmlns="http://www.w3.org/2000/svg" style="position: fixed;">${symbols.join('')}</svg>`;
-            return html.replace('</body>', `${svgHtml}</body>`);
-        },
-    };
-};
-export default ESvgSpriteBuilder;