easy-component-ui 3.0.7 → 3.0.8

package/dist/components/ea-carousel.js

@@ -1,19 +1,19 @@
-var P = Object.defineProperty;
+var N = Object.defineProperty;
 var z = (i) => {
   throw TypeError(i);
 };
-var O = (i, o, e) => o in i ? P(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var S = (i, o, e) => O(i, typeof o != "symbol" ? o + "" : o, e), $ = (i, o, e) => o.has(i) || z("Cannot " + e);
-var t = (i, o, e) => ($(i, o, "read from private field"), e ? e.call(i) : o.get(i)), n = (i, o, e) => o.has(i) ? z("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, e), v = (i, o, e, r) => ($(i, o, "write to private field"), r ? r.call(i, e) : o.set(i, e), e), c = (i, o, e) => ($(i, o, "access private method"), e);
+var O = (i, o, e) => o in i ? N(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
+var M = (i, o, e) => O(i, typeof o != "symbol" ? o + "" : o, e), H = (i, o, e) => o.has(i) || z("Cannot " + e);
+var t = (i, o, e) => (H(i, o, "read from private field"), e ? e.call(i) : o.get(i)), n = (i, o, e) => o.has(i) ? z("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, e), f = (i, o, e, r) => (H(i, o, "write to private field"), r ? r.call(i, e) : o.set(i, e), e), c = (i, o, e) => (H(i, o, "access private method"), e);
 import { B } from "./Base.js";
-import { s as U } from "../css/ea-carousel-item.style.js";
-import { s as j } from "../css/ea-carousel.style.js";
+import { s as j } from "../css/ea-carousel-item.style.js";
+import { s as U } from "../css/ea-carousel.style.js";
 class W extends B {
   static get observedAttributes() {
     return [...super.observedAttributes];
   }
   constructor() {
-    super(), this.stylesheet = U, this.$render();
+    super(), this.stylesheet = j, this.$render();
   }
   $render() {
     this.shadowRoot.innerHTML = `
@@ -27,23 +27,23 @@ class W extends B {
   }
 }
 window.customElements.get("ea-carousel-item") || window.customElements.define("ea-carousel-item", W);
-var f, m, _, A, g, p, h, u, s, L, w, a, N, y, I, x, b, C, E, k, q, R, M, T;
+var v, b, _, L, p, g, h, u, s, S, C, l, $, w, k, A, m, y, E, q, P, R, I, T;
 class X extends B {
   constructor() {
     super();
-    n(this, a);
+    n(this, l);
     /** @type {HTMLElement} */
-    n(this, f);
+    n(this, v);
     /** @type {HTMLElement} */
-    n(this, m);
+    n(this, b);
     /** @type {HTMLElement} */
     n(this, _);
     /** @type {HTMLElement} */
-    n(this, A);
+    n(this, L);
     /** @type {HTMLElement} */
-    n(this, g);
+    n(this, p);
     /** @type {HTMLElement[]} */
-    n(this, p, []);
+    n(this, g, []);
     /** @type {AbortController} */
     n(this, h);
     n(this, u, {
@@ -55,9 +55,10 @@ class X extends B {
       timer: null,
       pause: !1,
       isMouseEnter: !1,
-      isEnd: !1
+      isEnd: !1,
+      isProcessingSlotChange: !1
     });
-    S(this, "state", this.properties({
+    M(this, "state", this.properties({
       height: {
         type: String,
         default: "100%",
@@ -76,8 +77,8 @@ class X extends B {
         type: Number,
         default: 0,
         observer: (e, r) => {
-          if (t(this, y).call(this, e), t(this, s).isEnd) return t(this, s).isEnd = !1;
-          e < 0 ? (e = t(this, p).length - 1, r = 0, t(this, s).isEnd = !0) : e > t(this, p).length - 1 && (r = t(this, p).length - 1, e = 0, t(this, s).isEnd = !0), t(this, s).prevIndex = r, this.emit("change", {
+          if (t(this, w).call(this, e), t(this, s).isEnd) return t(this, s).isEnd = !1;
+          e < 0 ? (e = t(this, g).length - 1, r = 0, t(this, s).isEnd = !0) : e > t(this, g).length - 1 && (r = t(this, g).length - 1, e = 0, t(this, s).isEnd = !0), t(this, s).prevIndex = r, this.emit("change", {
             detail: {
               current: e,
               prev: r
@@ -91,9 +92,9 @@ class X extends B {
         /** @param {'click' | 'hover'} newVal */
         observer: (e) => {
           var r;
-          (r = t(this, u).triggerAbortControllers) == null || r.abort(), t(this, u).triggerAbortControllers = new AbortController(), t(this, g).addEventListener(
+          (r = t(this, u).triggerAbortControllers) == null || r.abort(), t(this, u).triggerAbortControllers = new AbortController(), t(this, p).addEventListener(
             e === "hover" ? "mouseover" : "click",
-            t(this, k),
+            t(this, q),
             {
               signal: t(this, u).triggerAbortControllers.signal
             }
@@ -117,7 +118,7 @@ class X extends B {
         type: Boolean,
         default: !0,
         observer: (e) => {
-          e ? c(this, a, b).call(this) : c(this, a, x).call(this);
+          e ? c(this, l, m).call(this) : c(this, l, A).call(this);
         }
       },
       loop: {
@@ -144,42 +145,42 @@ class X extends B {
      * 处理 index 溢出的情况
      * @return {number}
      */
-    n(this, L, () => this.index === t(this, p).length ? 0 : this.index === -1 ? t(this, p).length - 1 : this.index);
+    n(this, S, () => this.index === t(this, g).length ? 0 : this.index === -1 ? t(this, g).length - 1 : this.index);
     /**
      * 渲染 轮播图指示器，为了避免vue组件缓存，所以在初始化和组件挂载时都进行渲染
      */
-    n(this, w, () => {
+    n(this, C, () => {
       const e = Array.from(
-        this.querySelectorAll("ea-carousel-item"),
-        (r, l) => `<button class='ea-carousel__indicator' part='indicator' tabindex="1" data-index="${l}"></button>`
+        this.querySelectorAll("ea-carousel-item:not([slot])"),
+        (r, a) => `<button class='ea-carousel__indicator' part='indicator' tabindex="1" data-index="${a}"></button>`
       ).join("");
-      t(this, g).innerHTML = e, v(this, p, [
-        ...t(this, g).querySelectorAll(".ea-carousel__indicator")
+      t(this, p).innerHTML = e, f(this, g, [
+        ...t(this, p).querySelectorAll(".ea-carousel__indicator")
       ]);
     });
     /**
      * 更新轮播图位置
      * @param {number} index
      */
-    n(this, y, (e = 0) => {
-      const { width: r, height: l } = t(this, f).getBoundingClientRect(), d = this.direction === "horizontal" ? "X" : "Y", H = this.direction === "horizontal" ? r : l;
+    n(this, w, (e = 0) => {
+      const { width: r, height: a } = t(this, v).getBoundingClientRect(), d = this.direction === "horizontal" ? "X" : "Y", x = this.direction === "horizontal" ? r : a;
       this.style.setProperty(
         "--ea-carousel-transform",
-        `translate${d}(-${(e + 1) * H}px)`
-      ), t(this, I).call(this);
+        `translate${d}(-${(e + 1) * x}px)`
+      ), t(this, k).call(this);
     });
     /**
      * 更新指示器位置
      */
-    n(this, I, () => {
-      t(this, p).forEach((e, r) => {
-        e.classList.toggle("is-active", r === t(this, L).call(this));
+    n(this, k, () => {
+      t(this, g).forEach((e, r) => {
+        e.classList.toggle("is-active", r === t(this, S).call(this));
       });
     });
     /**
      * 开启轮播图过渡属性
      */
-    n(this, C, () => {
+    n(this, y, () => {
       this.clientHeight, this.style.removeProperty("--ea-carousel-transition");
     });
     /**
@@ -192,28 +193,28 @@ class X extends B {
      * 指示器 处理事件，需要按照 `this.trigger` 来确定事件名
      * @param {MouseEvent} e
      */
-    n(this, k, (e) => {
-      const r = t(this, g).querySelectorAll(
+    n(this, q, (e) => {
+      const r = t(this, p).querySelectorAll(
         ".ea-carousel__indicator"
-      ), l = e.target.closest(".ea-carousel__indicator");
-      l && r.forEach((d, H) => {
-        d.classList.toggle("is-active", d === l), d === l && (this.index = H);
+      ), a = e.target.closest(".ea-carousel__indicator");
+      a && r.forEach((d, x) => {
+        d.classList.toggle("is-active", d === a), d === a && (this.index = x);
       });
     });
     /**
      * 轮播图切换结束事件，即能确保轮播图在视觉上连续
      */
-    n(this, q, () => {
-      t(this, E).call(this), this.autoplay && !t(this, s).isMouseEnter && c(this, a, x).call(this), this.index = t(this, L).call(this), this.autoplay && !t(this, s).isMouseEnter && c(this, a, b).call(this), t(this, C).call(this), t(this, s).pause = !1;
+    n(this, P, () => {
+      t(this, E).call(this), this.autoplay && !t(this, s).isMouseEnter && c(this, l, A).call(this), this.index = t(this, S).call(this), this.autoplay && !t(this, s).isMouseEnter && c(this, l, m).call(this), t(this, y).call(this), t(this, s).pause = !1;
     });
     /**
      * 箭头显示事件
      */
     n(this, R, () => {
       const e = () => {
-        t(this, s).isMouseEnter = !1, this["pause-on-hover"] && c(this, a, b).call(this), this.updateContainerClasslist();
+        t(this, s).isMouseEnter = !1, this["pause-on-hover"] && c(this, l, m).call(this), this.updateContainerClasslist();
       };
-      t(this, s).isMouseEnter = !0, this["pause-on-hover"] && c(this, a, x).call(this), this.updateContainerClasslist(), t(this, f).addEventListener("mouseleave", e, {
+      t(this, s).isMouseEnter = !0, this["pause-on-hover"] && c(this, l, A).call(this), this.updateContainerClasslist(), t(this, v).addEventListener("mouseleave", e, {
         signal: t(this, h).signal,
         once: !0
       });
@@ -221,12 +222,12 @@ class X extends B {
     /**
      * 当窗口大小变化时，更新轮播图位置
      */
-    n(this, M, () => {
+    n(this, I, () => {
       let e = null;
       return {
         listener: () => {
           clearTimeout(e), e = null, e = setTimeout(() => {
-            t(this, y).call(this, this.index);
+            t(this, w).call(this, this.index);
           }, 100);
         },
         unsetHandler: () => {
@@ -238,23 +239,23 @@ class X extends B {
      * 处理 slotchange 事件，当 slot 内容变化时重新渲染
      */
     n(this, T, () => {
-      t(this, E).call(this), c(this, a, x).call(this), t(this, s).prevIndex = 0, t(this, s).originLength = 0, t(this, s).pause = !1, t(this, s).isEnd = !1, this.index = 0, t(this, w).call(this), c(this, a, N).call(this), t(this, I).call(this), this.autoplay && c(this, a, b).call(this), queueMicrotask(() => {
-        t(this, C).call(this);
-      });
+      t(this, s).isProcessingSlotChange || (console.log(1), t(this, s).isProcessingSlotChange = !0, t(this, E).call(this), c(this, l, A).call(this), t(this, s).prevIndex = 0, t(this, s).originLength = 0, t(this, s).pause = !1, t(this, s).isEnd = !1, this.index = 0, t(this, C).call(this), c(this, l, $).call(this), t(this, k).call(this), this.autoplay && c(this, l, m).call(this), queueMicrotask(() => {
+        t(this, y).call(this), t(this, s).isProcessingSlotChange = !1;
+      }));
     });
     /**
      * 上一张轮播图
      */
-    S(this, "prev", () => {
+    M(this, "prev", () => {
       t(this, s).pause || (this.index--, t(this, s).pause = !0);
     });
     /**
      * 下一张轮播图
      */
-    S(this, "next", () => {
+    M(this, "next", () => {
       t(this, s).pause || (this.index++, t(this, s).pause = !0);
     });
-    this.stylesheet = j, this.$render();
+    this.stylesheet = U, this.$render();
   }
   static get observedAttributes() {
     return [
@@ -289,7 +290,7 @@ class X extends B {
         [this["indicator-position"] + "-indicator"]: this["indicator-position"]
       }
     );
-    return t(this, f).className = e, e;
+    return t(this, v).className = e, e;
   }
   $render() {
     this.shadowRoot.innerHTML = `
@@ -301,82 +302,86 @@ class X extends B {
           <ea-icon icon="icon-angle-right" part="arrow-right-icon"></ea-icon>
         </button>
         <ul class="ea-carousel__content" part="content">
+            <slot name="clone-last"></slot>
             <slot></slot>
+            <slot name="clone-first"></slot>
         </ul>
         <footer class="ea-carousel__indicator-wrap" part="indicator-wrap">
           
         </footer>
       </div>
-    `, v(this, f, this.shadowRoot.querySelector(".ea-carousel")), v(this, m, this.shadowRoot.querySelector(".ea-carousel__content")), v(this, g, this.shadowRoot.querySelector(
+    `, f(this, v, this.shadowRoot.querySelector(".ea-carousel")), f(this, b, this.shadowRoot.querySelector(".ea-carousel__content")), f(this, p, this.shadowRoot.querySelector(
       ".ea-carousel__indicator-wrap"
-    )), v(this, _, this.shadowRoot.querySelector(
+    )), f(this, _, this.shadowRoot.querySelector(
       ".ea-carousel__arrow.arrow-left"
-    )), v(this, A, this.shadowRoot.querySelector(
+    )), f(this, L, this.shadowRoot.querySelector(
       ".ea-carousel__arrow.arrow-right"
-    )), t(this, w).call(this), this.updateContainerClasslist();
+    )), t(this, C).call(this), this.updateContainerClasslist();
   }
   connectedCallback() {
     var e, r;
-    super.connectedCallback(), (e = t(this, h)) == null || e.abort(), v(this, h, new AbortController());
-    for (const l in t(this, u))
-      (r = t(this, u)[l]) == null || r.abort(), t(this, u)[l] = new AbortController();
-    t(this, E).call(this), t(this, w).call(this), c(this, a, N).call(this), this.autoplay && c(this, a, b).call(this), t(this, g).addEventListener(
+    super.connectedCallback(), (e = t(this, h)) == null || e.abort(), f(this, h, new AbortController());
+    for (const a in t(this, u))
+      (r = t(this, u)[a]) == null || r.abort(), t(this, u)[a] = new AbortController();
+    t(this, E).call(this), t(this, C).call(this), c(this, l, $).call(this), this.autoplay && c(this, l, m).call(this), t(this, p).addEventListener(
       this.trigger === "hover" ? "mouseover" : "click",
-      t(this, k),
+      t(this, q),
       {
         signal: t(this, u).triggerAbortControllers.signal
       }
-    ), t(this, m).addEventListener(
+    ), t(this, b).addEventListener(
       "transitionend",
-      t(this, q),
+      t(this, P),
       { signal: t(this, h).signal }
     ), this.arrow !== "never" && this.direction !== "vertical" && (t(this, _).addEventListener("click", this.prev, {
       signal: t(this, h).signal
-    }), t(this, A).addEventListener("click", this.next, {
+    }), t(this, L).addEventListener("click", this.next, {
       signal: t(this, h).signal
-    })), t(this, f).addEventListener("mouseenter", t(this, R), {
+    })), t(this, v).addEventListener("mouseenter", t(this, R), {
       signal: t(this, h).signal
-    }), window.addEventListener("resize", t(this, M).call(this).listener, {
+    }), window.addEventListener("resize", t(this, I).call(this).listener, {
       signal: t(this, h).signal
-    }), t(this, m).querySelector("slot").addEventListener("slotchange", t(this, T), {
+    }), t(this, b).querySelector("slot:not([name])").addEventListener("slotchange", t(this, T), {
       signal: t(this, h).signal
     }), queueMicrotask(() => {
-      t(this, C).call(this);
+      t(this, y).call(this);
     });
   }
   $beforeUnmounted() {
-    var e, r, l;
+    var e, r, a;
     (e = t(this, h)) == null || e.abort();
     for (const d in t(this, u))
       (r = t(this, u)[d]) == null || r.abort();
-    (l = t(this, M).call(this)) == null || l.unsetHandler();
+    (a = t(this, I).call(this)) == null || a.unsetHandler();
   }
 }
-f = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), A = new WeakMap(), g = new WeakMap(), p = new WeakMap(), h = new WeakMap(), u = new WeakMap(), s = new WeakMap(), L = new WeakMap(), w = new WeakMap(), a = new WeakSet(), /**
+v = new WeakMap(), b = new WeakMap(), _ = new WeakMap(), L = new WeakMap(), p = new WeakMap(), g = new WeakMap(), h = new WeakMap(), u = new WeakMap(), s = new WeakMap(), S = new WeakMap(), C = new WeakMap(), l = new WeakSet(), /**
  * 初始化 `轮播图元素` 结构
  */
-N = function() {
+$ = function() {
   try {
-    this.childNodes.forEach((d) => {
-      d.tagName !== "EA-CAROUSEL-ITEM" && d.remove();
-    });
-    const e = this.children, r = e[0].cloneNode(!0), l = e[e.length - 1].cloneNode(!0);
-    t(this, s).originLength = e.length, this.insertBefore(l, this.firstChild), this.appendChild(r), queueMicrotask(() => {
-      t(this, y).call(this);
+    const e = this.querySelectorAll("ea-carousel-item:not([slot])");
+    if (e.length === 0) return;
+    t(this, s).originLength = e.length, this.querySelectorAll(
+      'ea-carousel-item[slot^="clone-"]'
+    ).forEach((x) => x.remove());
+    const a = e[0].cloneNode(!0), d = e[e.length - 1].cloneNode(!0);
+    a.setAttribute("slot", "clone-first"), d.setAttribute("slot", "clone-last"), this.appendChild(a), this.appendChild(d), queueMicrotask(() => {
+      t(this, w).call(this);
     });
   } catch {
   }
-}, y = new WeakMap(), I = new WeakMap(), /**
+}, w = new WeakMap(), k = new WeakMap(), /**
  * 清除轮播图自动播放
  */
-x = function() {
+A = function() {
   t(this, s).timer && (clearInterval(t(this, s).timer), t(this, s).timer = null);
 }, /**
  * 处理轮播图自动播放
  */
-b = function() {
+m = function() {
   this.autoplay && (t(this, s).timer = setInterval(this.next, this.interval));
-}, C = new WeakMap(), E = new WeakMap(), k = new WeakMap(), q = new WeakMap(), R = new WeakMap(), M = new WeakMap(), T = new WeakMap();
+}, y = new WeakMap(), E = new WeakMap(), q = new WeakMap(), P = new WeakMap(), R = new WeakMap(), I = new WeakMap(), T = new WeakMap();
 window.customElements.get("ea-carousel") || window.customElements.define("ea-carousel", X);
 export {
   X as EaCarousel,

package/package.json

@@ -1,304 +1,304 @@
-{
-  "name": "easy-component-ui",
-  "version": "3.0.7",
-  "description": "使用 WebComponent 编写的原生组件库",
-  "main": "dist/components/index.js",
-  "module": "dist/components/index.js",
-  "type": "module",
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "dev": "vite --host 0.0.0.0",
-    "dev:doc": "vitepress dev docs --host 0.0.0.0",
-    "build": "node tools/index.js && vite build && powershell -Command \"New-Item -ItemType Directory -Force -Path .\\docs\\.vitepress\\public\\dist\\assets | Out-Null; Copy-Item .\\dist\\assets\\icon.css .\\docs\\.vitepress\\public\\dist\\assets\\icon.css -Force | Out-Null\"",
-    "build:doc": "xcopy .\\docs\\index.css .\\docs\\.vitepress\\public\\index.css /y >nul && vitepress build docs && xcopy .\\docs\\.vitepress\\public .\\docs\\.vitepress\\dist /s /e /y >nul",
-    "preview:doc": "set VITEPRESS_BASE=___EMPTY___&& xcopy .\\docs\\index.css .\\docs\\.vitepress\\public\\index.css /y >nul && vitepress build docs && xcopy .\\docs\\.vitepress\\public .\\docs\\.vitepress\\dist /s /e /y >nul && vitepress preview docs",
-    "preview": "vite preview",
-    "deploy": "gh-pages -d docs/.vitepress/dist",
-    "lint": "eslint . --ext .js",
-    "lint:fix": "eslint . --ext .js --fix",
-    "format": "prettier --write \"**/*.{js,json,scss,css,md}\"",
-    "prepare": "husky install",
-    "commit": "git add . && git-cz",
-    "patch": "npm version patch && git push --follow-tags",
-    "minor": "npm version minor && git push --follow-tags",
-    "major": "npm version major && git push --follow-tags",
-    "publish:github": "npm run build && npm publish --registry=https://npm.pkg.github.com"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/LuminaQAQ/ea-ui-component.git"
-  },
-  "keywords": [
-    "web-components",
-    "ui",
-    "shadow-dom",
-    "custom-elements",
-    "html5",
-    "css3",
-    "javascript",
-    "button",
-    "icon",
-    "slider",
-    "select",
-    "loading",
-    "switch",
-    "checkbox",
-    "radio",
-    "tab",
-    "layout",
-    "tips",
-    "message",
-    "dialog",
-    "input",
-    "rate",
-    "popover",
-    "color-picker",
-    "form",
-    "pagination",
-    "date-picker",
-    "table",
-    "vue",
-    "react",
-    "angular",
-    "cross-framework"
-  ],
-  "author": "LuminaQAQ",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/LuminaQAQ/ea-ui-component/issues"
-  },
-  "homepage": "https://luminaqaq.github.io/ea-ui-component/",
-  "devDependencies": {
-    "@commitlint/cli": "^20.2.0",
-    "@commitlint/config-conventional": "^20.2.0",
-    "@eslint/js": "^9.39.2",
-    "@types/node": "^24.0.14",
-    "commitizen": "^4.3.1",
-    "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^9.39.2",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.4",
-    "gh-pages": "^6.1.1",
-    "globals": "^16.5.0",
-    "husky": "^9.1.7",
-    "nanoid": "^5.0.7",
-    "prettier": "^3.7.4",
-    "rollup-plugin-visualizer": "^6.0.3",
-    "sass": "^1.77.2",
-    "sass-embedded": "^1.93.2",
-    "scss": "^0.2.4",
-    "scss-loader": "^0.0.1",
-    "vite": "^5.4.1",
-    "vitepress": "^1.2.0"
-  },
-  "dependencies": {
-    "dayjs": "^1.11.19",
-    "dompurify": "^3.3.1",
-    "path": "^0.12.7",
-    "sass": "^1.89.2",
-    "sass-loader": "^16.0.5",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  },
-  "exports": {
-    ".": "./dist/components/index.js",
-    "./icon-assets": {
-      "import": "./dist/assets/icon.css",
-      "require": "./dist/assets/icon.css",
-      "default": "./dist/assets/icon.css"
-    },
-    "./ea-alert": {
-      "import": "./dist/components/ea-alert.js"
-    },
-    "./ea-avatar": {
-      "import": "./dist/components/ea-avatar.js"
-    },
-    "./ea-backtop": {
-      "import": "./dist/components/ea-backtop.js"
-    },
-    "./ea-badge": {
-      "import": "./dist/components/ea-badge.js"
-    },
-    "./ea-breadcrumb": {
-      "import": "./dist/components/ea-breadcrumb.js"
-    },
-    "./ea-button": {
-      "import": "./dist/components/ea-button.js"
-    },
-    "./ea-calendar": {
-      "import": "./dist/components/ea-calendar.js"
-    },
-    "./ea-card": {
-      "import": "./dist/components/ea-card.js"
-    },
-    "./ea-carousel": {
-      "import": "./dist/components/ea-carousel.js"
-    },
-    "./ea-checkbox": {
-      "import": "./dist/components/ea-checkbox.js"
-    },
-    "./ea-collapse": {
-      "import": "./dist/components/ea-collapse.js"
-    },
-    "./ea-color-picker": {
-      "import": "./dist/components/ea-color-picker.js"
-    },
-    "./ea-container": {
-      "import": "./dist/components/ea-container.js"
-    },
-    "./ea-countdown": {
-      "import": "./dist/components/ea-countdown.js"
-    },
-    "./ea-date-picker": {
-      "import": "./dist/components/ea-date-picker.js"
-    },
-    "./ea-descriptions": {
-      "import": "./dist/components/ea-descriptions.js"
-    },
-    "./ea-dialog": {
-      "import": "./dist/components/ea-dialog.js"
-    },
-    "./ea-drawer": {
-      "import": "./dist/components/ea-drawer.js"
-    },
-    "./ea-dropdown": {
-      "import": "./dist/components/ea-dropdown.js"
-    },
-    "./ea-empty": {
-      "import": "./dist/components/ea-empty.js"
-    },
-    "./ea-icon": {
-      "import": "./dist/components/ea-icon.js"
-    },
-    "./ea-image": {
-      "import": "./dist/components/ea-image.js"
-    },
-    "./ea-image-preview": {
-      "import": "./dist/components/ea-image-preview.js"
-    },
-    "./ea-infinite-scroll": {
-      "import": "./dist/components/ea-infinite-scroll.js"
-    },
-    "./ea-input": {
-      "import": "./dist/components/ea-input.js"
-    },
-    "./ea-input-number": {
-      "import": "./dist/components/ea-input-number.js"
-    },
-    "./ea-layout": {
-      "import": "./dist/components/ea-layout.js"
-    },
-    "./ea-link": {
-      "import": "./dist/components/ea-link.js"
-    },
-    "./ea-loading": {
-      "import": "./dist/components/ea-loading.js"
-    },
-    "./ea-menu": {
-      "import": "./dist/components/ea-menu.js"
-    },
-    "./ea-message": {
-      "import": "./dist/components/ea-message.js"
-    },
-    "./ea-message-box": {
-      "import": "./dist/components/ea-message-box.js"
-    },
-    "./ea-notification": {
-      "import": "./dist/components/ea-notification.js"
-    },
-    "./ea-page-header": {
-      "import": "./dist/components/ea-page-header.js"
-    },
-    "./ea-pagination": {
-      "import": "./dist/components/ea-pagination.js"
-    },
-    "./ea-popconfirm": {
-      "import": "./dist/components/ea-popconfirm.js"
-    },
-    "./ea-popover": {
-      "import": "./dist/components/ea-popover.js"
-    },
-    "./ea-progress": {
-      "import": "./dist/components/ea-progress.js"
-    },
-    "./ea-radio": {
-      "import": "./dist/components/ea-radio.js"
-    },
-    "./ea-rate": {
-      "import": "./dist/components/ea-rate.js"
-    },
-    "./ea-result": {
-      "import": "./dist/components/ea-result.js"
-    },
-    "./ea-scrollbar": {
-      "import": "./dist/components/ea-scrollbar.js"
-    },
-    "./ea-segmented": {
-      "import": "./dist/components/ea-segmented.js"
-    },
-    "./ea-select": {
-      "import": "./dist/components/ea-select.js"
-    },
-    "./ea-skeleton": {
-      "import": "./dist/components/ea-skeleton.js"
-    },
-    "./ea-slider": {
-      "import": "./dist/components/ea-slider.js"
-    },
-    "./ea-space": {
-      "import": "./dist/components/ea-space.js"
-    },
-    "./ea-splitter": {
-      "import": "./dist/components/ea-splitter.js"
-    },
-    "./ea-statistic": {
-      "import": "./dist/components/ea-statistic.js"
-    },
-    "./ea-steps": {
-      "import": "./dist/components/ea-steps.js"
-    },
-    "./ea-switch": {
-      "import": "./dist/components/ea-switch.js"
-    },
-    "./ea-table": {
-      "import": "./dist/components/ea-table.js"
-    },
-    "./ea-tabs": {
-      "import": "./dist/components/ea-tabs.js"
-    },
-    "./ea-tag": {
-      "import": "./dist/components/ea-tag.js"
-    },
-    "./ea-text": {
-      "import": "./dist/components/ea-text.js"
-    },
-    "./ea-time-picker": {
-      "import": "./dist/components/ea-time-picker.js"
-    },
-    "./ea-timeline": {
-      "import": "./dist/components/ea-timeline.js"
-    },
-    "./ea-tooltip": {
-      "import": "./dist/components/ea-tooltip.js"
-    },
-    "./ea-tour": {
-      "import": "./dist/components/ea-tour.js"
-    },
-    "./ea-transfer": {
-      "import": "./dist/components/ea-transfer.js"
-    },
-    "./ea-tree": {
-      "import": "./dist/components/ea-tree.js"
-    }
-  }
-}
+{
+  "name": "easy-component-ui",
+  "version": "3.0.8",
+  "description": "使用 WebComponent 编写的原生组件库",
+  "main": "dist/components/index.js",
+  "module": "dist/components/index.js",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "vite --host 0.0.0.0",
+    "dev:doc": "vitepress dev docs --host 0.0.0.0",
+    "build": "node tools/index.js && vite build && powershell -Command \"New-Item -ItemType Directory -Force -Path .\\docs\\.vitepress\\public\\dist\\assets | Out-Null; Copy-Item .\\dist\\assets\\icon.css .\\docs\\.vitepress\\public\\dist\\assets\\icon.css -Force | Out-Null\"",
+    "build:doc": "xcopy .\\docs\\index.css .\\docs\\.vitepress\\public\\index.css /y >nul && vitepress build docs && xcopy .\\docs\\.vitepress\\public .\\docs\\.vitepress\\dist /s /e /y >nul",
+    "preview:doc": "set VITEPRESS_BASE=___EMPTY___&& xcopy .\\docs\\index.css .\\docs\\.vitepress\\public\\index.css /y >nul && vitepress build docs && xcopy .\\docs\\.vitepress\\public .\\docs\\.vitepress\\dist /s /e /y >nul && vitepress preview docs",
+    "preview": "vite preview",
+    "deploy": "gh-pages -d docs/.vitepress/dist",
+    "lint": "eslint . --ext .js",
+    "lint:fix": "eslint . --ext .js --fix",
+    "format": "prettier --write \"**/*.{js,json,scss,css,md}\"",
+    "prepare": "husky install",
+    "commit": "git add . && git-cz",
+    "patch": "npm version patch && git push --follow-tags",
+    "minor": "npm version minor && git push --follow-tags",
+    "major": "npm version major && git push --follow-tags",
+    "publish:github": "npm run build && npm publish --registry=https://npm.pkg.github.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/LuminaQAQ/ea-ui-component.git"
+  },
+  "keywords": [
+    "web-components",
+    "ui",
+    "shadow-dom",
+    "custom-elements",
+    "html5",
+    "css3",
+    "javascript",
+    "button",
+    "icon",
+    "slider",
+    "select",
+    "loading",
+    "switch",
+    "checkbox",
+    "radio",
+    "tab",
+    "layout",
+    "tips",
+    "message",
+    "dialog",
+    "input",
+    "rate",
+    "popover",
+    "color-picker",
+    "form",
+    "pagination",
+    "date-picker",
+    "table",
+    "vue",
+    "react",
+    "angular",
+    "cross-framework"
+  ],
+  "author": "LuminaQAQ",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/LuminaQAQ/ea-ui-component/issues"
+  },
+  "homepage": "https://luminaqaq.github.io/ea-ui-component/",
+  "devDependencies": {
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
+    "@eslint/js": "^9.39.2",
+    "@types/node": "^24.0.14",
+    "commitizen": "^4.3.1",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.4",
+    "gh-pages": "^6.1.1",
+    "globals": "^16.5.0",
+    "husky": "^9.1.7",
+    "nanoid": "^5.0.7",
+    "prettier": "^3.7.4",
+    "rollup-plugin-visualizer": "^6.0.3",
+    "sass": "^1.77.2",
+    "sass-embedded": "^1.93.2",
+    "scss": "^0.2.4",
+    "scss-loader": "^0.0.1",
+    "vite": "^5.4.1",
+    "vitepress": "^1.2.0"
+  },
+  "dependencies": {
+    "dayjs": "^1.11.19",
+    "dompurify": "^3.3.1",
+    "path": "^0.12.7",
+    "sass": "^1.89.2",
+    "sass-loader": "^16.0.5",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "exports": {
+    ".": "./dist/components/index.js",
+    "./icon-assets": {
+      "import": "./dist/assets/icon.css",
+      "require": "./dist/assets/icon.css",
+      "default": "./dist/assets/icon.css"
+    },
+    "./ea-alert": {
+      "import": "./dist/components/ea-alert.js"
+    },
+    "./ea-avatar": {
+      "import": "./dist/components/ea-avatar.js"
+    },
+    "./ea-backtop": {
+      "import": "./dist/components/ea-backtop.js"
+    },
+    "./ea-badge": {
+      "import": "./dist/components/ea-badge.js"
+    },
+    "./ea-breadcrumb": {
+      "import": "./dist/components/ea-breadcrumb.js"
+    },
+    "./ea-button": {
+      "import": "./dist/components/ea-button.js"
+    },
+    "./ea-calendar": {
+      "import": "./dist/components/ea-calendar.js"
+    },
+    "./ea-card": {
+      "import": "./dist/components/ea-card.js"
+    },
+    "./ea-carousel": {
+      "import": "./dist/components/ea-carousel.js"
+    },
+    "./ea-checkbox": {
+      "import": "./dist/components/ea-checkbox.js"
+    },
+    "./ea-collapse": {
+      "import": "./dist/components/ea-collapse.js"
+    },
+    "./ea-color-picker": {
+      "import": "./dist/components/ea-color-picker.js"
+    },
+    "./ea-container": {
+      "import": "./dist/components/ea-container.js"
+    },
+    "./ea-countdown": {
+      "import": "./dist/components/ea-countdown.js"
+    },
+    "./ea-date-picker": {
+      "import": "./dist/components/ea-date-picker.js"
+    },
+    "./ea-descriptions": {
+      "import": "./dist/components/ea-descriptions.js"
+    },
+    "./ea-dialog": {
+      "import": "./dist/components/ea-dialog.js"
+    },
+    "./ea-drawer": {
+      "import": "./dist/components/ea-drawer.js"
+    },
+    "./ea-dropdown": {
+      "import": "./dist/components/ea-dropdown.js"
+    },
+    "./ea-empty": {
+      "import": "./dist/components/ea-empty.js"
+    },
+    "./ea-icon": {
+      "import": "./dist/components/ea-icon.js"
+    },
+    "./ea-image": {
+      "import": "./dist/components/ea-image.js"
+    },
+    "./ea-image-preview": {
+      "import": "./dist/components/ea-image-preview.js"
+    },
+    "./ea-infinite-scroll": {
+      "import": "./dist/components/ea-infinite-scroll.js"
+    },
+    "./ea-input": {
+      "import": "./dist/components/ea-input.js"
+    },
+    "./ea-input-number": {
+      "import": "./dist/components/ea-input-number.js"
+    },
+    "./ea-layout": {
+      "import": "./dist/components/ea-layout.js"
+    },
+    "./ea-link": {
+      "import": "./dist/components/ea-link.js"
+    },
+    "./ea-loading": {
+      "import": "./dist/components/ea-loading.js"
+    },
+    "./ea-menu": {
+      "import": "./dist/components/ea-menu.js"
+    },
+    "./ea-message": {
+      "import": "./dist/components/ea-message.js"
+    },
+    "./ea-message-box": {
+      "import": "./dist/components/ea-message-box.js"
+    },
+    "./ea-notification": {
+      "import": "./dist/components/ea-notification.js"
+    },
+    "./ea-page-header": {
+      "import": "./dist/components/ea-page-header.js"
+    },
+    "./ea-pagination": {
+      "import": "./dist/components/ea-pagination.js"
+    },
+    "./ea-popconfirm": {
+      "import": "./dist/components/ea-popconfirm.js"
+    },
+    "./ea-popover": {
+      "import": "./dist/components/ea-popover.js"
+    },
+    "./ea-progress": {
+      "import": "./dist/components/ea-progress.js"
+    },
+    "./ea-radio": {
+      "import": "./dist/components/ea-radio.js"
+    },
+    "./ea-rate": {
+      "import": "./dist/components/ea-rate.js"
+    },
+    "./ea-result": {
+      "import": "./dist/components/ea-result.js"
+    },
+    "./ea-scrollbar": {
+      "import": "./dist/components/ea-scrollbar.js"
+    },
+    "./ea-segmented": {
+      "import": "./dist/components/ea-segmented.js"
+    },
+    "./ea-select": {
+      "import": "./dist/components/ea-select.js"
+    },
+    "./ea-skeleton": {
+      "import": "./dist/components/ea-skeleton.js"
+    },
+    "./ea-slider": {
+      "import": "./dist/components/ea-slider.js"
+    },
+    "./ea-space": {
+      "import": "./dist/components/ea-space.js"
+    },
+    "./ea-splitter": {
+      "import": "./dist/components/ea-splitter.js"
+    },
+    "./ea-statistic": {
+      "import": "./dist/components/ea-statistic.js"
+    },
+    "./ea-steps": {
+      "import": "./dist/components/ea-steps.js"
+    },
+    "./ea-switch": {
+      "import": "./dist/components/ea-switch.js"
+    },
+    "./ea-table": {
+      "import": "./dist/components/ea-table.js"
+    },
+    "./ea-tabs": {
+      "import": "./dist/components/ea-tabs.js"
+    },
+    "./ea-tag": {
+      "import": "./dist/components/ea-tag.js"
+    },
+    "./ea-text": {
+      "import": "./dist/components/ea-text.js"
+    },
+    "./ea-time-picker": {
+      "import": "./dist/components/ea-time-picker.js"
+    },
+    "./ea-timeline": {
+      "import": "./dist/components/ea-timeline.js"
+    },
+    "./ea-tooltip": {
+      "import": "./dist/components/ea-tooltip.js"
+    },
+    "./ea-tour": {
+      "import": "./dist/components/ea-tour.js"
+    },
+    "./ea-transfer": {
+      "import": "./dist/components/ea-transfer.js"
+    },
+    "./ea-tree": {
+      "import": "./dist/components/ea-tree.js"
+    }
+  }
+}