@cldemo/ui-kit 1.1.0 → 1.1.1

package/buildLibs/common/Common/browserProgress.d.ts

@@ -1,9 +1,11 @@
-
 declare class CommonBrowserProgress {
     private static _isRouteStarted;
     private static _pending;
     private static _routeStartTime;
     private static _routeMinTimer;
+    private static _isStyleInjected;
+    /** 注入 NProgress 基础样式（幂等） */
+    private static _ensureBaseStyle;
     /** 全局配置 */
     static configure(opts?: {
         color?: string;

package/buildLibs/common/browserProgress.cjs

@@ -1 +1 @@
-"use strict";const e=require("nprogress");class c{static _isRouteStarted=!1;static _pending=0;static _routeStartTime=0;static _routeMinTimer=null;static configure(i){const{color:t,height:r,showSpinner:o,speed:a,trickleSpeed:u}=i||{};if(t||r){const n=document.createElement("style");let s="";t&&(s+=`#nprogress .bar{background:${t}!important}`),r&&(s+=`#nprogress .bar{height:${r}px!important}`),s&&(n.textContent=s,document.head.appendChild(n))}e.configure({showSpinner:o??!1,speed:a??300,trickleSpeed:u??200,minimum:.2})}static startRoute(){this._isRouteStarted||(this._routeStartTime=Date.now()),this._isRouteStarted=!0,this._routeMinTimer&&(clearTimeout(this._routeMinTimer),this._routeMinTimer=null),e.start()}static doneRoute(){this._isRouteStarted=!1,this._tryDone()}static _tryDone(){if(this._isRouteStarted||this._pending>0)return;const i=Date.now()-this._routeStartTime,t=100;if(i<t){this._routeMinTimer||(this._routeMinTimer=setTimeout(()=>{this._routeMinTimer=null,this._tryDone()},t-i));return}e.done()}static startRequest(){this._pending++,e.isStarted()||e.start()}static doneRequest(){this._pending=Math.max(0,this._pending-1),this._tryDone()}}module.exports=c;
+"use strict";const s=require("nprogress"),d="#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}";class u{static _isRouteStarted=!1;static _pending=0;static _routeStartTime=0;static _routeMinTimer=null;static _isStyleInjected=!1;static _ensureBaseStyle(){if(this._isStyleInjected||typeof document>"u")return;const t=document.createElement("style");t.textContent=d,document.head.appendChild(t),this._isStyleInjected=!0}static configure(t){const{color:e,height:i,showSpinner:o,speed:a,trickleSpeed:p}=t||{};if(this._ensureBaseStyle(),e||i){const n=document.createElement("style");let r="";e&&(r+=`#nprogress .bar{background:${e}!important}`),i&&(r+=`#nprogress .bar{height:${i}px!important}`),r&&(n.textContent=r,document.head.appendChild(n))}s.configure({showSpinner:o??!1,speed:a??300,trickleSpeed:p??200,minimum:.2})}static startRoute(){this._ensureBaseStyle(),this._isRouteStarted||(this._routeStartTime=Date.now()),this._isRouteStarted=!0,this._routeMinTimer&&(clearTimeout(this._routeMinTimer),this._routeMinTimer=null),s.start()}static doneRoute(){this._isRouteStarted=!1,this._tryDone()}static _tryDone(){if(this._isRouteStarted||this._pending>0)return;const t=Date.now()-this._routeStartTime,e=100;if(t<e){this._routeMinTimer||(this._routeMinTimer=setTimeout(()=>{this._routeMinTimer=null,this._tryDone()},e-t));return}s.done()}static startRequest(){this._ensureBaseStyle(),this._pending++,s.isStarted()||s.start()}static doneRequest(){this._pending=Math.max(0,this._pending-1),this._tryDone()}}module.exports=u;

package/buildLibs/common/browserProgress.js

@@ -1,5 +1,6 @@
-import e from "nprogress";
-class d {
+import r from "nprogress";
+const d = "#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}";
+class h {
   // 路由级别，不计数
   static _isRouteStarted = !1;
   // API 请求计数器：第一个请求 start，最后一个 done
@@ -7,24 +8,32 @@ class d {
   // 最小可见时间：路由太快时进度条至少显示 400ms
   static _routeStartTime = 0;
   static _routeMinTimer = null;
+  // 基础样式只注入一次，避免重复调用 configure() 时堆积 <style>
+  static _isStyleInjected = !1;
+  /** 注入 NProgress 基础样式（幂等） */
+  static _ensureBaseStyle() {
+    if (this._isStyleInjected || typeof document > "u") return;
+    const t = document.createElement("style");
+    t.textContent = d, document.head.appendChild(t), this._isStyleInjected = !0;
+  }
   /** 全局配置 */
-  static configure(i) {
-    const { color: t, height: r, showSpinner: o, speed: a, trickleSpeed: u } = i || {};
-    if (t || r) {
+  static configure(t) {
+    const { color: e, height: i, showSpinner: o, speed: a, trickleSpeed: p } = t || {};
+    if (this._ensureBaseStyle(), e || i) {
       const n = document.createElement("style");
       let s = "";
-      t && (s += `#nprogress .bar{background:${t}!important}`), r && (s += `#nprogress .bar{height:${r}px!important}`), s && (n.textContent = s, document.head.appendChild(n));
+      e && (s += `#nprogress .bar{background:${e}!important}`), i && (s += `#nprogress .bar{height:${i}px!important}`), s && (n.textContent = s, document.head.appendChild(n));
     }
-    e.configure({
+    r.configure({
       showSpinner: o ?? !1,
       speed: a ?? 300,
-      trickleSpeed: u ?? 200,
+      trickleSpeed: p ?? 200,
       minimum: 0.2
     });
   }
   /** 路由导航开始 */
   static startRoute() {
-    this._isRouteStarted || (this._routeStartTime = Date.now()), this._isRouteStarted = !0, this._routeMinTimer && (clearTimeout(this._routeMinTimer), this._routeMinTimer = null), e.start();
+    this._ensureBaseStyle(), this._isRouteStarted || (this._routeStartTime = Date.now()), this._isRouteStarted = !0, this._routeMinTimer && (clearTimeout(this._routeMinTimer), this._routeMinTimer = null), r.start();
   }
   /** 路由导航完成（等 API 也完成后才真正关闭，且至少显示 400ms） */
   static doneRoute() {
@@ -33,18 +42,18 @@ class d {
   /** 尝试关闭——确保最小可见时间和无 pending 请求 */
   static _tryDone() {
     if (this._isRouteStarted || this._pending > 0) return;
-    const i = Date.now() - this._routeStartTime, t = 100;
-    if (i < t) {
+    const t = Date.now() - this._routeStartTime, e = 100;
+    if (t < e) {
       this._routeMinTimer || (this._routeMinTimer = setTimeout(() => {
         this._routeMinTimer = null, this._tryDone();
-      }, t - i));
+      }, e - t));
       return;
     }
-    e.done();
+    r.done();
   }
   /** API 请求开始 */
   static startRequest() {
-    this._pending++, e.isStarted() || e.start();
+    this._ensureBaseStyle(), this._pending++, r.isStarted() || r.start();
   }
   /** API 请求完成 */
   static doneRequest() {
@@ -52,5 +61,5 @@ class d {
   }
 }
 export {
-  d as default
+  h as default
 };

package/buildLibs/types/Common/browserProgress.d.ts

@@ -1,9 +1,11 @@
-import 'nprogress/nprogress.css';
 declare class CommonBrowserProgress {
     private static _isRouteStarted;
     private static _pending;
     private static _routeStartTime;
     private static _routeMinTimer;
+    private static _isStyleInjected;
+    /** 注入 NProgress 基础样式（幂等） */
+    private static _ensureBaseStyle;
     /** 全局配置 */
     static configure(opts?: {
         color?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cldemo/ui-kit",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "type": "module",
   "preview": false,
   "author": "lei.che  Email: chelei_714@126.com",

package/buildLibs/common/browserProgress.css

@@ -1 +0,0 @@
-#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}