exploria-ui 2026.2.31

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+import { a as EAnimateCSSUtil, i as EEchartsUtil, n as EUUIDUtil, r as EMediaQueryUtil, t as EDomUtil } from "../EDomUtil-Bm3Zqw96.js";
+export { EAnimateCSSUtil, EDomUtil, EEchartsUtil, EMediaQueryUtil, EUUIDUtil };

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "exploria-ui",
+  "description": "《探索UI》组件库",
+  "version": "2026.2.31",
+  "private": false,
+  "type": "module",
+  "license": "MIT",
+  "author": "three.ts",
+  "keywords": [
+    "three.ts",
+    "exploria-ui",
+    "vue3"
+  ],
+  "files": [
+    "dist",
+    "src/plugins",
+    "package.json",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "main": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./directives": {
+      "main": "./dist/directives/index.js",
+      "types": "./dist/types/directives/index.d.ts"
+    },
+    "./plugins": {
+      "main": "./src/plugins/index.js",
+      "types": "./src/types/plugins/index.d.ts"
+    },
+    "./utils": {
+      "main": "./dist/utils/index.js",
+      "types": "./dist/types/utils/index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "vue": ">=3.5"
+  },
+  "dependencies": {
+    "animate.css": "^4.1.1",
+    "chroma-js": "^3.1.2",
+    "fast-glob": "^3.3.3"
+  },
+  "devDependencies": {
+    "@types/chroma-js": "^3.1.1",
+    "@types/node": "^24.6.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
+    "oxfmt": "^0.17.0",
+    "oxlint": "^1.32.0",
+    "sass": "^1.87.0",
+    "typescript": "~5.9.3",
+    "vite": "8.0.0-beta.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.22",
+    "vue-tsc": "^3.1.0"
+  },
+  "scripts": {
+    "build:watch": "vite build --watch",
+    "pub": "pnpm publish --no-git-checks",
+    "type-check": "vue-tsc --noEmit"
+  }
+}

package/src/plugins/EPreloadImageBuilder.ts

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

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

@@ -0,0 +1,49 @@
+// ESvgSpriteBuilder.ts
+import fs from 'node:fs';
+import path 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 = path.basename(filePath, '.svg');
+        const svgContent = fs.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;

package/src/plugins/index.ts

@@ -0,0 +1,5 @@
+import EPreloadImageBuilder from './EPreloadImageBuilder.ts';
+import ESvgPolyfill from './ESvgPolyfill.ts';
+import ESvgSpriteBuilder from './ESvgSpriteBuilder.ts';
+
+export { ESvgSpriteBuilder, EPreloadImageBuilder, ESvgPolyfill };