exploria-ui 2026.3.2 → 2026.3.5

package/dist/packages/exploria-ui/src/utils/EDomUtil.js

@@ -1,8 +1,29 @@
 //#region src/utils/EDomUtil.ts
 var e = class {
 	static scrollIntoView(e) {
-		let { element: t, block: n, inline: r } = e, i = t.parentNode;
-		n && (n === "center" && (i.scrollTop = t.offsetTop + (i.clientHeight - t.offsetHeight) / 2), n === "start" && (i.scrollTop = t.offsetTop), n === "end" && (i.scrollTop = t.offsetTop + (i.offsetHeight - t.clientHeight))), r && (r === "center" && (i.scrollLeft = t.offsetLeft + (i.clientWidth - t.clientWidth) / 2), r === "start" && (i.scrollLeft = t.offsetLeft), r === "end" && (i.scrollLeft = t.offsetLeft + (i.offsetWidth - t.clientWidth)));
+		let { element: t, block: n = "start", inline: r = "start" } = e;
+		if (!t) return;
+		let i = t.parentElement;
+		if (!(i instanceof HTMLElement)) return;
+		let a = t.getBoundingClientRect(), { offsetTop: o, offsetLeft: s } = t, { clientHeight: c, clientWidth: l } = i, u = a.height, d = a.width;
+		if (n) switch (n) {
+			case "center":
+				i.scrollTop = o - (c - u) / 2;
+				break;
+			case "end":
+				i.scrollTop = o + u - c;
+				break;
+			default: i.scrollTop = o;
+		}
+		if (r) switch (r) {
+			case "center":
+				i.scrollLeft = s - (l - d) / 2;
+				break;
+			case "end":
+				i.scrollLeft = s + d - l;
+				break;
+			default: i.scrollLeft = s;
+		}
 	}
 };
 //#endregion

package/dist/packages/exploria-ui/src/utils/EImageUtil.js

@@ -2,11 +2,11 @@
 var e = (e) => new Promise((t, n) => {
 	let r = document.createElement("canvas"), i = r.getContext("2d");
 	if (!i) {
-		n(/* @__PURE__ */ Error("无法获取 canvas 上下文"));
+		n(Error("无法获取 canvas 上下文"));
 		return;
 	}
 	r.width = e.naturalWidth || e.width, r.height = e.naturalHeight || e.height, i.translate(r.width, 0), i.scale(-1, 1), i.drawImage(e, 0, 0), r.toBlob((e) => {
-		e ? t(new File([e], "mirrored-image.png", { type: "image/png" })) : n(/* @__PURE__ */ Error("生成 Blob 失败"));
+		e ? t(new File([e], "mirrored-image.png", { type: "image/png" })) : n(Error("生成 Blob 失败"));
 	}, "image/png");
 }), t = class {
 	static mirror(t) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "exploria-ui",
   "description": "《探索UI》组件库",
-  "version": "2026.3.2",
+  "version": "2026.3.5",
   "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;

package/src/plugins/index.ts

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