@meng-xi/vite-plugin 0.1.0 → 0.1.2

package/dist/plugins/loadingManager/index.mjs

@@ -0,0 +1,487 @@
+import{createPluginFactory as V,BasePlugin as j}from"../../factory/index.mjs";import{escapeHtmlAttr as G}from"../../common/format/index.mjs";import{makeCallback as g}from"../../common/script/index.mjs";import{validateNonNegativeNumber as C,validateCallbackFields as J,validateNoScriptInTemplate as z,validateGlobalName as Y,validateNestedDuration as x}from"../../common/validation/index.mjs";import{injectHeadAndBody as K}from"../../common/html/index.mjs";import"../../logger/index.mjs";import"../../common/object/index.mjs";import"../../shared/vite-plugin.DcExl6jd.mjs";import"crypto";const o="__loading-overlay__",c="__loading-hidden__",f="__loading-visible__",H="__loading-top__",F="__loading-center__",A="__loading-bottom__",r="__loading-spinner__",B="__loading-text__",s="__loading-dot__",S="__loading-root__",D="data-loading-text",M="__loading-spin__",L="__loading-dots__",O="__loading-pulse__",N="__loading-bar__",Q={center:F,top:H,bottom:A};function W(e,t="spinner",n){const{overlayColor:i="rgba(255, 255, 255, 0.7)",spinnerColor:l="#4361ee",spinnerSize:d="40px",textColor:a="#333",textSize:u="14px",zIndex:p=9999,pointerEvents:$=!0,backdropBlur:_=!1,backdropBlurAmount:m=4}=e,b=$?"":"pointer-events: none;",v=_?`backdrop-filter: blur(${m}px);-webkit-backdrop-filter: blur(${m}px);`:"",T=Z(t,l,d),w=n?.enabled!==!1,h=n?.duration??200,y=n?.easing??"ease-out",E=w?`transition: opacity ${h}ms ${y}, visibility ${h}ms ${y};`:"";return`
+.${o} {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: ${i};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  z-index: ${p};
+  ${b}
+  ${v}
+  contain: content;
+  will-change: opacity;
+}
+.${o}.${H} {
+  justify-content: flex-start;
+  padding-top: 60px;
+}
+.${o}.${F} {
+  justify-content: center;
+}
+.${o}.${A} {
+  justify-content: flex-end;
+  padding-bottom: 60px;
+}
+${T}
+.${B} {
+  margin-top: 12px;
+  color: ${a};
+  font-size: ${u};
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  user-select: none;
+}
+.${o}.${c} {
+  opacity: 0;
+  visibility: hidden;
+  ${E}
+}
+.${o}.${c} .${r},
+.${o}.${c} .${s},
+.${o}.${c} .${r}::after {
+  animation-play-state: paused;
+}
+.${o}.${f} {
+  opacity: 1;
+  visibility: visible;
+  ${E}
+}
+.${o}.${f} .${r},
+.${o}.${f} .${s},
+.${o}.${f} .${r}::after {
+  animation-play-state: running;
+}`}function Z(e,t,n){switch(e){case"dots":return`
+.${r} {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.${r} .${s} {
+  width: calc(${n} / 4);
+  height: calc(${n} / 4);
+  border-radius: 50%;
+  background: ${t};
+  animation: ${L} 1.2s ease-in-out infinite;
+}
+.${r} .${s}:nth-child(2) { animation-delay: 0.15s; }
+.${r} .${s}:nth-child(3) { animation-delay: 0.3s; }
+@keyframes ${L} {
+  0%, 80%, 100% { transform: scale(0.4); opacity: 0.4; }
+  40% { transform: scale(1); opacity: 1; }
+}`;case"pulse":return`
+.${r} {
+  width: ${n};
+  height: ${n};
+  background: ${t};
+  border-radius: 50%;
+  animation: ${O} 1.2s ease-in-out infinite;
+}
+@keyframes ${O} {
+  0% { transform: scale(0.3); opacity: 0.3; }
+  50% { transform: scale(1); opacity: 1; }
+  100% { transform: scale(0.3); opacity: 0.3; }
+}`;case"bar":return`
+.${r} {
+  width: calc(${n} * 2.5);
+  height: calc(${n} / 5);
+  background: rgba(0, 0, 0, 0.08);
+  border-radius: calc(${n} / 10);
+  overflow: hidden;
+  position: relative;
+}
+.${r}::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 40%;
+  background: ${t};
+  border-radius: calc(${n} / 10);
+  animation: ${N} 1.2s ease-in-out infinite;
+}
+@keyframes ${N} {
+  0% { left: -40%; }
+  100% { left: 100%; }
+}`;default:return`
+.${r} {
+  width: ${n};
+  height: ${n};
+  border: 3px solid rgba(0, 0, 0, 0.1);
+  border-top-color: ${t};
+  border-radius: 50%;
+  animation: ${M} 0.8s linear infinite;
+}
+@keyframes ${M} {
+  to { transform: rotate(360deg); }
+}`}}function ee(e){const t=e.position||"center",n=e.defaultText||"\u52A0\u8F7D\u4E2D...",i=e.spinnerType||"spinner",l=Q[t],d=e.style?.customClass?` ${e.style.customClass}`:"",a=e.style?.customStyle?` style="${G(e.style.customStyle)}"`:"",u=e.defaultVisible?f:c;if(e.customTemplate)return`<div class="${o} ${l} ${u}${d}" id="${S}"${a}>${e.customTemplate}</div>`;const p=te(i);return`<div class="${o} ${l} ${u}${d}" id="${S}"${a}>
+  ${p}
+  <div class="${B}" ${D}>${n}</div>
+</div>`}function te(e){switch(e){case"dots":return`<div class="${r}"><div class="${s}"></div><div class="${s}"></div><div class="${s}"></div></div>`;default:return`<div class="${r}"></div>`}}function ne(e){return`  var _loadingEl = null;
+  var _textEl = null;
+  var _styleEl = null;
+  var _visible = false;
+  var _destroyed = false;
+  var _showTimer = null;
+  var _hideTimer = null;
+  var _debounceTimer = null;
+  var _retryTimer = null;
+  var _showTime = 0;
+  var _pendingCount = 0;
+  var _showRetryCount = 0;
+  var _maxShowRetries = 20;
+
+  // \u914D\u7F6E
+  var _minDisplayTime = ${JSON.stringify(e.minDisplayTime)};
+  var _delayShow = ${JSON.stringify(e.delayShow)};
+  var _debounceHide = ${JSON.stringify(e.debounceHide)};
+  var _transition = ${JSON.stringify(e.transition)};
+  var _excludeUrls = ${JSON.stringify(e.excludeUrls.map(t=>({source:t.source,flags:t.flags})))}.map(function(s) { return new RegExp(s.source, s.flags); });
+  var _includeUrls = ${JSON.stringify(e.includeUrls.map(t=>({source:t.source,flags:t.flags})))}.map(function(s) { return new RegExp(s.source, s.flags); });
+  var _excludeMethods = ${JSON.stringify(e.excludeMethods)};
+  var _excludeUrlPrefixes = ${JSON.stringify(e.excludeUrlPrefixes)};
+
+  // \u56DE\u8C03
+  var _onBeforeShow = ${e.cbBeforeShow};
+  var _onShow = ${e.cbShow};
+  var _onBeforeHide = ${e.cbBeforeHide};
+  var _onHide = ${e.cbHide};
+  var _onDestroy = ${e.cbDestroy};
+
+  // \u4FDD\u5B58\u539F\u59CB\u65B9\u6CD5\u5F15\u7528\uFF0C\u7528\u4E8E destroy \u65F6\u6062\u590D
+  var _originalFetch = null;
+  var _originalXHROpen = null;
+  var _originalXHRSend = null;`}function ie(e){return`  function _findEl() {
+    if (!_loadingEl) {
+      _loadingEl = document.getElementById('${S}');
+    }
+    if (!_textEl && _loadingEl) {
+      _textEl = _loadingEl.querySelector('[${D}]');
+    }
+    if (!_styleEl) {
+      _styleEl = document.querySelector('style[data-loading-id="${e}"]');
+    }
+  }
+
+  function _shouldFilter(url, method) {
+    if (!url) return false;
+    var upperMethod = (method || 'GET').toUpperCase();
+    for (var i = 0; i < _excludeMethods.length; i++) {
+      if (upperMethod === _excludeMethods[i].toUpperCase()) return true;
+    }
+    for (var i = 0; i < _excludeUrlPrefixes.length; i++) {
+      if (url.indexOf(_excludeUrlPrefixes[i]) === 0) return true;
+    }
+    if (_includeUrls.length > 0) {
+      var included = false;
+      for (var i = 0; i < _includeUrls.length; i++) {
+        _includeUrls[i].lastIndex = 0;
+        if (_includeUrls[i].test(url)) { included = true; break; }
+      }
+      if (!included) return true;
+    }
+    for (var i = 0; i < _excludeUrls.length; i++) {
+      _excludeUrls[i].lastIndex = 0;
+      if (_excludeUrls[i].test(url)) return true;
+    }
+    return false;
+  }
+
+  function _clearTimers() {
+    if (_showTimer) { clearTimeout(_showTimer); _showTimer = null; }
+    if (_hideTimer) { clearTimeout(_hideTimer); _hideTimer = null; }
+    if (_debounceTimer) { clearTimeout(_debounceTimer); _debounceTimer = null; }
+    if (_retryTimer) { clearTimeout(_retryTimer); _retryTimer = null; }
+  }
+
+  function _applyTransition(show) {
+    if (!_transition.enabled || !_loadingEl) return;
+    var d = _transition.duration || 200;
+    var e = _transition.easing || 'ease-out';
+    _loadingEl.style.transition = 'opacity ' + d + 'ms ' + e + ', visibility ' + d + 'ms ' + e;
+  }`}function oe(){return`  function _applyHide() {
+    if (!_loadingEl) return;
+    _loadingEl.classList.remove('${f}');
+    _loadingEl.classList.add('${c}');
+    _applyTransition(false);
+    _visible = false;
+    _showTime = 0;
+    _onHide();
+  }
+
+  function _doShow(text) {
+    if (_destroyed) return;
+    _findEl();
+    if (!_loadingEl) {
+      if (++_showRetryCount > _maxShowRetries) return;
+      _retryTimer = setTimeout(function() { _retryTimer = null; _doShow(text); }, 50);
+      return;
+    }
+    _showRetryCount = 0;
+
+    var result = _onBeforeShow();
+    if (result === false) return;
+
+    if (_textEl && text) _textEl.textContent = text;
+    _loadingEl.classList.remove('${c}');
+    _loadingEl.classList.add('${f}');
+    _applyTransition(true);
+    _visible = true;
+    _showTime = Date.now();
+    _onShow();
+  }
+
+  function _doHide(force) {
+    if (_destroyed) return;
+    if (!_visible && !force) return;
+    _findEl();
+    if (!_loadingEl) return;
+
+    if (!force) {
+      var result = _onBeforeHide();
+      if (result === false) return;
+    }
+
+    if (!force && _minDisplayTime.enabled && _showTime > 0) {
+      var elapsed = Date.now() - _showTime;
+      var remaining = _minDisplayTime.duration - elapsed;
+      if (remaining > 0) {
+        if (_hideTimer) clearTimeout(_hideTimer);
+        _hideTimer = setTimeout(function() { _hideTimer = null; _doHide(true); }, remaining);
+        return;
+      }
+    }
+
+    if (_debounceHide.enabled && !force) {
+      if (_debounceTimer) clearTimeout(_debounceTimer);
+      _debounceTimer = setTimeout(function() { _debounceTimer = null; _applyHide(); }, _debounceHide.duration);
+      return;
+    }
+
+    _applyHide();
+  }
+
+  function _restoreInterceptors() {
+    if (_originalFetch && typeof window !== 'undefined' && window.fetch) {
+      window.fetch = _originalFetch;
+      _originalFetch = null;
+    }
+    if (_originalXHROpen && typeof window !== 'undefined' && window.XMLHttpRequest) {
+      XMLHttpRequest.prototype.open = _originalXHROpen;
+      XMLHttpRequest.prototype.send = _originalXHRSend;
+      _originalXHROpen = null;
+      _originalXHRSend = null;
+    }
+  }`}function re(){return`    show: function(text) {
+      if (_destroyed) return;
+      _clearTimers();
+      _showTime = 0;
+      _showRetryCount = 0;
+      if (_delayShow.enabled && _delayShow.duration > 0) {
+        _showTimer = setTimeout(function() { _showTimer = null; _doShow(text); }, _delayShow.duration);
+      } else {
+        _doShow(text);
+      }
+    },
+    hide: function() {
+      if (_destroyed) return;
+      if (_showTimer) { clearTimeout(_showTimer); _showTimer = null; }
+      _doHide(false);
+    },
+    forceHide: function() {
+      if (_destroyed) return;
+      _clearTimers();
+      _doHide(true);
+    },
+    toggle: function(text) {
+      if (_destroyed) return;
+      if (_visible) {
+        this.hide();
+      } else {
+        this.show(text);
+      }
+    },
+    enablePointerEvents: function() {
+      if (_destroyed) return;
+      _findEl();
+      if (_loadingEl) _loadingEl.style.pointerEvents = 'auto';
+    },
+    disablePointerEvents: function() {
+      if (_destroyed) return;
+      _findEl();
+      if (_loadingEl) _loadingEl.style.pointerEvents = 'none';
+    },
+    togglePointerEvents: function() {
+      if (_destroyed) return;
+      _findEl();
+      if (!_loadingEl) return;
+      if (_loadingEl.style.pointerEvents === 'none') {
+        this.enablePointerEvents();
+      } else {
+        this.disablePointerEvents();
+      }
+    },
+    updateText: function(text) {
+      if (_destroyed) return;
+      _findEl();
+      if (_textEl) _textEl.textContent = text;
+    },
+    isVisible: function() {
+      return _visible && !_destroyed;
+    },
+    isPointerEventsEnabled: function() {
+      if (_destroyed) return false;
+      _findEl();
+      if (!_loadingEl) return false;
+      return _loadingEl.style.pointerEvents !== 'none';
+    },
+    getPendingCount: function() {
+      return _pendingCount;
+    },
+    destroy: function() {
+      if (_destroyed) return;
+      _destroyed = true;
+      _clearTimers();
+      _findEl();
+      if (_loadingEl && _loadingEl.parentNode) {
+        _loadingEl.parentNode.removeChild(_loadingEl);
+      }
+      if (_styleEl && _styleEl.parentNode) {
+        _styleEl.parentNode.removeChild(_styleEl);
+      }
+      _loadingEl = null;
+      _textEl = null;
+      _styleEl = null;
+      _visible = false;
+      _showTime = 0;
+      _pendingCount = 0;
+      _restoreInterceptors();
+      _onDestroy();
+    },
+    _requestStart: function(url, method) {
+      if (_destroyed) return;
+      if (_shouldFilter(url, method)) return;
+      _pendingCount++;
+      if (_pendingCount === 1) this.show();
+    },
+    _requestEnd: function(url, method) {
+      if (_destroyed) return;
+      if (_shouldFilter(url, method)) return;
+      _pendingCount = Math.max(0, _pendingCount - 1);
+      if (_pendingCount === 0) this.hide();
+    }`}function ae(e){let t="";return(e==="fetch"||e==="all")&&(t+=`  // \u81EA\u52A8\u62E6\u622A fetch
+  if (typeof window !== 'undefined' && window.fetch) {
+    _originalFetch = window.fetch;
+    window.fetch = function(input, init) {
+      var url = typeof input === 'string' ? input : (input instanceof URL ? input.href : (input && input.url ? input.url : ''));
+      var method = (init && init.method) || (input && input.method) || 'GET';
+      manager._requestStart(url, method);
+      return _originalFetch.apply(this, arguments).then(
+        function(response) { manager._requestEnd(url, method); return response; },
+        function(error) { manager._requestEnd(url, method); throw error; }
+      );
+    };
+  }
+`),(e==="xhr"||e==="all")&&(t+=`  // \u81EA\u52A8\u62E6\u622A XMLHttpRequest
+  if (typeof window !== 'undefined' && window.XMLHttpRequest) {
+    _originalXHROpen = XMLHttpRequest.prototype.open;
+    _originalXHRSend = XMLHttpRequest.prototype.send;
+    XMLHttpRequest.prototype.open = function(method, url) {
+      this.__loadingUrl = url || '';
+      this.__loadingMethod = method || 'GET';
+      return _originalXHROpen.apply(this, arguments);
+    };
+    XMLHttpRequest.prototype.send = function() {
+      var self = this;
+      manager._requestStart(self.__loadingUrl, self.__loadingMethod);
+      self.addEventListener('loadend', function() {
+        manager._requestEnd(self.__loadingUrl, self.__loadingMethod);
+      });
+      return _originalXHRSend.apply(this, arguments);
+    };
+  }
+`),t.trimEnd()}function le(e,t,n){let i="";return i+=`  // defaultVisible: \u540C\u6B65\u521D\u59CB\u53EF\u89C1\u72B6\u6001
+  var _defaultVisible = ${JSON.stringify(e)};
+  if (_defaultVisible) {
+    _visible = true;
+    _showTime = Date.now();
+  }
+`,e&&t!=="manual"&&(i+=`
+  // autoHideOn: \u81EA\u52A8\u9690\u85CF\u65F6\u673A
+  var _autoHideOn = '${t}';
+  function _autoHideHandler() {
+    manager.hide();
+  }
+  if (_autoHideOn === 'load') {
+    if (document.readyState === 'complete') {
+      _autoHideHandler();
+    } else {
+      window.addEventListener('load', _autoHideHandler);
+    }
+  } else {
+    if (document.readyState !== 'loading') {
+      _autoHideHandler();
+    } else {
+      document.addEventListener('DOMContentLoaded', _autoHideHandler);
+    }
+  }
+`),i+=`
+  // \u66B4\u9732\u5230\u5168\u5C40
+  window['${n}'] = manager;`,i}function ue(e){const t=e.globalName||"__LOADING_MANAGER__",n=e.minDisplayTime||{enabled:!0,duration:300},i=e.delayShow||{enabled:!0,duration:200},l=e.debounceHide||{enabled:!1,duration:100},d=e.transition||{enabled:!0,duration:200,easing:"ease-out"},a=e.autoBind||"none",u=e.requestFilter||{},p=e.defaultVisible||!1,$=e.autoHideOn||"DOMContentLoaded",_=e.callbacks||{},m=u.excludeUrls||[],b=u.includeUrls||[],v=u.excludeMethods||[],T=u.excludeUrlPrefixes||[],w=g(_.onBeforeShow,"loadingManager"),h=g(_.onShow,"loadingManager"),y=g(_.onBeforeHide,"loadingManager"),E=g(_.onHide,"loadingManager"),R=g(_.onDestroy,"loadingManager"),I=ne({minDisplayTime:n,delayShow:i,debounceHide:l,transition:d,excludeUrls:m,includeUrls:b,excludeMethods:v,excludeUrlPrefixes:T,cbBeforeShow:w,cbShow:h,cbBeforeHide:y,cbHide:E,cbDestroy:R}),k=ie(t),U=oe(),P=re(),X=ae(a),q=le(p,$,t);return`(function() {
+  'use strict';
+
+  // SSR \u73AF\u5883\u68C0\u6D4B
+  if (typeof window === 'undefined' || typeof document === 'undefined') return;
+
+${I}
+
+${k}
+
+${U}
+
+  var manager = {
+${P}
+  };
+
+${X}
+
+${q}
+})();`}function de(e){if(!e)return;const{zIndex:t,pointerEvents:n,backdropBlurAmount:i}=e;if(C(t,"style.zIndex"),n!==void 0&&typeof n!="boolean")throw new Error("style.pointerEvents \u5FC5\u987B\u662F\u5E03\u5C14\u503C");C(i,"style.backdropBlurAmount")}function se(e){if(!e)return;const{duration:t,easing:n}=e;if(C(t,"transition.duration"),n!==void 0&&typeof n!="string")throw new Error("transition.easing \u5FC5\u987B\u662F\u5B57\u7B26\u4E32\u7C7B\u578B")}function _e(e){e&&J(e,["onBeforeShow","onShow","onBeforeHide","onHide","onDestroy"],"callbacks")}function ce(e){return e===""?"defaultText \u4E3A\u7A7A\u5B57\u7B26\u4E32\uFF0Cloading \u5C06\u4E0D\u663E\u793A\u6587\u672C\u5185\u5BB9":null}function fe(e,t){return!e&&t?"autoHideOn \u4EC5\u5728 defaultVisible \u4E3A true \u65F6\u751F\u6548\uFF0C\u5F53\u524D defaultVisible \u4E3A false\uFF0CautoHideOn \u914D\u7F6E\u5C06\u88AB\u5FFD\u7565":null}class pe extends j{getDefaultOptions(){return{position:"center",defaultText:"\u52A0\u8F7D\u4E2D...",spinnerType:"spinner",autoBind:"none",globalName:"__LOADING_MANAGER__",defaultVisible:!1,autoHideOn:"DOMContentLoaded",style:{overlayColor:"rgba(255, 255, 255, 0.7)",spinnerColor:"#4361ee",spinnerSize:"40px",textColor:"#333",textSize:"14px",zIndex:9999,pointerEvents:!0,backdropBlur:!1,backdropBlurAmount:4},transition:{enabled:!0,duration:200,easing:"ease-out"},minDisplayTime:{enabled:!0,duration:300},delayShow:{enabled:!0,duration:200},debounceHide:{enabled:!1,duration:100}}}validateOptions(){this.validator.field("position").enum(["center","top","bottom"]).field("defaultText").string().field("spinnerType").enum(["spinner","dots","pulse","bar"]).field("autoBind").enum(["fetch","xhr","all","none"]).field("globalName").string().field("customTemplate").string().field("defaultVisible").boolean().field("autoHideOn").enum(["DOMContentLoaded","load","manual"]).validate(),z(this.options.customTemplate,"customTemplate");const t=ce(this.options.defaultText);t&&this.logger.warn(t),Y(this.options.globalName,"globalName"),de(this.options.style),x(this.options.minDisplayTime,"minDisplayTime.duration \u5FC5\u987B\u662F\u975E\u8D1F\u6570"),x(this.options.delayShow,"delayShow.duration \u5FC5\u987B\u662F\u975E\u8D1F\u6570"),x(this.options.debounceHide,"debounceHide.duration \u5FC5\u987B\u662F\u975E\u8D1F\u6570"),se(this.options.transition),_e(this.options.callbacks);const n=fe(this.options.defaultVisible,this.options.autoHideOn);n&&this.logger.warn(n)}getPluginName(){return"loading-manager"}generateLoadingManager(t){return ue(t)}generateHeadInjectCode(){const{css:t,html:n}=this.getCachedAssets();return`<!-- loading-manager: head start -->
+<style data-loading-style data-loading-id="${this.options.globalName||"__LOADING_MANAGER__"}">${t}</style>
+${n}
+<!-- loading-manager: head end -->`}generateBodyInjectCode(t){const n=this.generateLoadingManager(this.options);if(t)return`<!-- loading-manager: body start -->
+<script>${n}<\/script>
+<!-- loading-manager: body end -->`;const{css:i,html:l}=this.getCachedAssets();return`<!-- loading-manager: start -->
+<script>
+(function() {
+  // SSR \u73AF\u5883\u68C0\u6D4B
+  if (typeof window === 'undefined' || typeof document === 'undefined') return;
+
+  // \u6CE8\u5165 CSS
+  var style = document.createElement('style');
+  style.setAttribute('data-loading-style', '');
+  style.setAttribute('data-loading-id', '${this.options.globalName||"__LOADING_MANAGER__"}');
+  style.textContent = ${JSON.stringify(i)};
+  document.head.appendChild(style);
+
+  // \u6CE8\u5165 HTML\uFF08\u7B49\u5F85 body \u53EF\u7528\u65F6\u6267\u884C\uFF09
+  function injectHTML() {
+    var div = document.createElement('div');
+    div.innerHTML = ${JSON.stringify(l)};
+    while (div.firstChild) {
+      document.body.appendChild(div.firstChild);
+    }
+  }
+
+  if (document.body) {
+    injectHTML();
+  } else {
+    document.addEventListener('DOMContentLoaded', injectHTML);
+  }
+})();
+${n}
+<\/script>
+<!-- loading-manager: end -->`}_cachedAssets=null;getCachedAssets(){if(!this._cachedAssets){const t=this.options.style||{},n=this.options.spinnerType||"spinner",i=this.options.transition;this._cachedAssets={css:W(t,n,i),html:ee(this.options)}}return this._cachedAssets}addPluginHooks(t){const n=this.options.defaultVisible||!1,i=n?this.generateHeadInjectCode():void 0,l=this.generateBodyInjectCode(n);t.transformIndexHtml={order:"post",handler:d=>{const a=K(d,i,l);return i&&!a.headInjected&&this.logger.warn("\u672A\u627E\u5230 </head> \u6807\u7B7E\uFF0CdefaultVisible \u7684\u767D\u5C4F loading \u5C06\u65E0\u6CD5\u751F\u6548"),a.usedFallback&&this.logger.warn("\u672A\u627E\u5230 </body> \u6216 </html> \u6807\u7B7E\uFF0CLoading \u4EE3\u7801\u8FFD\u52A0\u5230\u6587\u4EF6\u672B\u5C3E"),a.bodyInjected&&this.logger.success("\u6210\u529F\u6CE8\u5165\u5168\u5C40 Loading \u72B6\u6001\u7BA1\u7406\u4EE3\u7801\u5230 HTML \u6587\u4EF6"),a.html}}}}const ge=V(pe);export{ge as loadingManager};

package/dist/plugins/versionUpdateChecker/index.cjs

@@ -0,0 +1,185 @@
+"use strict";const factory_index=require("../../factory/index.cjs"),common_script_index=require("../../common/script/index.cjs"),common_validation_index=require("../../common/validation/index.cjs"),common_html_index=require("../../common/html/index.cjs");require("../../logger/index.cjs"),require("../../common/object/index.cjs"),require("../../shared/vite-plugin.Bcg6RW2N.cjs");function generateCSS(e,n){const u=".__vuc-overlay__{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;pointer-events:none;}";let t="";switch(e){case"modal":t=`.__vuc-modal__{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.15);padding:32px;max-width:420px;width:90%;z-index:100000;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-align:center;}
+.__vuc-modal-title__{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 12px 0;}
+.__vuc-modal-body__{font-size:14px;color:#555;line-height:1.6;margin:0 0 8px 0;}
+.__vuc-modal-version__{font-size:12px;color:#999;margin:0 0 24px 0;}
+.__vuc-modal-version__ span{font-family:Consolas,'Courier New',monospace;background:#f0f0f0;padding:2px 6px;border-radius:4px;font-size:11px;}
+.__vuc-modal-actions__{display:flex;gap:12px;justify-content:center;}
+.__vuc-btn__{padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer;border:none;transition:all 0.2s ease;}
+.__vuc-btn-refresh__{background:#4361ee;color:#fff;}
+.__vuc-btn-refresh__:hover{background:#3451d1;}
+.__vuc-btn-dismiss__{background:#f0f0f0;color:#666;}
+.__vuc-btn-dismiss__:hover{background:#e0e0e0;}`;break;case"banner":t=`.__vuc-banner__{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#4361ee,#7c3aed);color:#fff;padding:12px 20px;z-index:100000;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-shadow:0 2px 12px rgba(67,97,238,0.3);}
+.__vuc-banner-text__{font-size:14px;flex:1;}
+.__vuc-banner-actions__{display:flex;gap:8px;flex-shrink:0;}
+.__vuc-btn-banner-refresh__{background:rgba(255,255,255,0.2);color:#fff;border:1px solid rgba(255,255,255,0.3);padding:6px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all 0.2s ease;}
+.__vuc-btn-banner-refresh__:hover{background:rgba(255,255,255,0.3);}
+.__vuc-btn-banner-dismiss__{background:transparent;color:rgba(255,255,255,0.8);border:none;padding:6px 12px;font-size:13px;cursor:pointer;}
+.__vuc-btn-banner-dismiss__:hover{color:#fff;}`;break;case"toast":t=`.__vuc-toast__{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1a1a2e;color:#fff;padding:14px 24px;border-radius:10px;z-index:100000;pointer-events:auto;display:flex;align-items:center;gap:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:90%;}
+.__vuc-toast-text__{font-size:14px;white-space:nowrap;}
+.__vuc-btn-toast-refresh__{background:#4361ee;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap;transition:all 0.2s ease;}
+.__vuc-btn-toast-refresh__:hover{background:#3451d1;}
+.__vuc-btn-toast-dismiss__{background:transparent;color:rgba(255,255,255,0.6);border:none;padding:6px 12px;font-size:13px;cursor:pointer;white-space:nowrap;transition:all 0.2s ease;}
+.__vuc-btn-toast-dismiss__:hover{color:#fff;}`;break}return`<style data-vuc-style>${u}${t}${n||""}</style>`}function generateHTMLTemplate(e){const n=e.promptStyle||"modal",u=e.promptMessage||"\u53D1\u73B0\u65B0\u7248\u672C\uFF0C\u662F\u5426\u7ACB\u5373\u5237\u65B0\u83B7\u53D6\u6700\u65B0\u5185\u5BB9\uFF1F",t=e.refreshButtonText||"\u7ACB\u5373\u5237\u65B0",r=e.dismissButtonText||"\u7A0D\u540E\u518D\u8BF4";if(e.customPromptTemplate)return e.customPromptTemplate.replace(/\{\{message\}\}/g,u).replace(/\{\{currentVersion\}\}/g,'<span id="__vuc-current__"></span>').replace(/\{\{newVersion\}\}/g,'<span id="__vuc-new__"></span>').replace(/\{\{refreshButton\}\}/g,`<button class="__vuc-btn-refresh__" onclick="window.__VUC_REFRESH__()">${t}</button>`).replace(/\{\{dismissButton\}\}/g,`<button class="__vuc-btn-dismiss__" onclick="window.__VUC_DISMISS__()">${r}</button>`);switch(n){case"modal":return`<div class="__vuc-overlay__"><div class="__vuc-modal__">
+<p class="__vuc-modal-title__">\u7248\u672C\u66F4\u65B0</p>
+<p class="__vuc-modal-body__">${u}</p>
+<p class="__vuc-modal-version__"><span id="__vuc-current__"></span> \u2192 <span id="__vuc-new__"></span></p>
+<div class="__vuc-modal-actions__">
+<button class="__vuc-btn__ __vuc-btn-dismiss__" onclick="window.__VUC_DISMISS__()">${r}</button>
+<button class="__vuc-btn__ __vuc-btn-refresh__" onclick="window.__VUC_REFRESH__()">${t}</button>
+</div></div></div>`;case"banner":return`<div class="__vuc-overlay__"><div class="__vuc-banner__">
+<span class="__vuc-banner-text__">${u}</span>
+<div class="__vuc-banner-actions__">
+<button class="__vuc-btn-banner-dismiss__" onclick="window.__VUC_DISMISS__()">${r}</button>
+<button class="__vuc-btn-banner-refresh__" onclick="window.__VUC_REFRESH__()">${t}</button>
+</div></div></div>`;case"toast":return`<div class="__vuc-overlay__"><div class="__vuc-toast__">
+<span class="__vuc-toast-text__">${u}</span>
+<button class="__vuc-btn-toast-dismiss__" onclick="window.__VUC_DISMISS__()">${r}</button>
+<button class="__vuc-btn-toast-refresh__" onclick="window.__VUC_REFRESH__()">${t}</button>
+</div></div>`;default:return`<div class="__vuc-overlay__"><div class="__vuc-modal__">
+<p class="__vuc-modal-title__">\u7248\u672C\u66F4\u65B0</p>
+<p class="__vuc-modal-body__">${u}</p>
+<p class="__vuc-modal-version__"><span id="__vuc-current__"></span> \u2192 <span id="__vuc-new__"></span></p>
+<div class="__vuc-modal-actions__">
+<button class="__vuc-btn__ __vuc-btn-dismiss__" onclick="window.__VUC_DISMISS__()">${r}</button>
+<button class="__vuc-btn__ __vuc-btn-refresh__" onclick="window.__VUC_REFRESH__()">${t}</button>
+</div></div></div>`}}function generateCheckerCode(e){const n=e.versionSource||"auto",u=e.defineName||"__APP_VERSION__",t=e.checkUrl||"/version.json",r=e.checkInterval||3e5,o=e.checkOnVisibilityChange!==!1,i=e.enableInDev||!1,a=common_script_index.makeCallback(e.onUpdateAvailable,"versionUpdateChecker","currentVersion, newVersion"),_=common_script_index.makeCallback(e.onRefresh,"versionUpdateChecker","currentVersion, newVersion"),c=common_script_index.makeCallback(e.onDismiss,"versionUpdateChecker","currentVersion, newVersion");let s="";return(n==="define"||n==="auto")&&(s=`
+    // \u4F18\u5148\u4ECE define \u5168\u5C40\u53D8\u91CF\u8BFB\u53D6
+    if (typeof ${u} !== 'undefined') return ${u};`),(n==="file"||n==="auto")&&(s+=`
+    // \u4ECE\u9875\u9762 meta \u6807\u7B7E\u8BFB\u53D6
+    var metaEl = document.querySelector('meta[name="app-version"]');
+    if (metaEl && metaEl.getAttribute('content')) return metaEl.getAttribute('content');`),s+=`
+    return null;`,`;(function() {
+  'use strict';
+
+  // SSR \u73AF\u5883\u68C0\u6D4B
+  if (typeof window === 'undefined' || typeof document === 'undefined') return;
+
+  // \u5F00\u53D1\u6A21\u5F0F\u68C0\u6D4B
+  var _isDev = typeof process !== 'undefined' && process.env && process.env.NODE_ENV === 'development';
+  if (_isDev && !${JSON.stringify(i)}) return;
+
+  // \u72B6\u6001
+  var _currentVersion = null;
+  var _latestVersion = null;
+  var _promptVisible = false;
+  var _dismissed = false;
+  var _delayTimer = null;
+  var _intervalTimer = null;
+  var _destroyed = false;
+
+  // \u83B7\u53D6\u5F53\u524D\u7248\u672C\u53F7
+  function _getCurrentVersion() {${s}
+  }
+
+  // \u68C0\u67E5\u7248\u672C\u66F4\u65B0
+  function _checkForUpdate() {
+    if (_destroyed || _dismissed || _promptVisible) return;
+
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', ${JSON.stringify(t)} + '?_t=' + Date.now(), true);
+    xhr.timeout = 10000;
+    xhr.onreadystatechange = function() {
+      if (xhr.readyState !== 4) return;
+      if (xhr.status !== 200) return;
+      try {
+        var data = JSON.parse(xhr.responseText);
+        _latestVersion = data.version || data;
+        if (!_currentVersion) _currentVersion = _getCurrentVersion();
+        if (!_currentVersion || !_latestVersion) return;
+        if (_currentVersion === _latestVersion) return;
+
+        // \u7248\u672C\u4E0D\u4E00\u81F4\uFF0C\u53D1\u73B0\u66F4\u65B0
+        var shouldShow = ${a}(_currentVersion, _latestVersion);
+        if (shouldShow !== false) {
+          _showPrompt();
+        }
+      } catch(e) {
+        // \u89E3\u6790\u5931\u8D25\uFF0C\u9759\u9ED8\u5FFD\u7565
+      }
+    };
+    xhr.send();
+  }
+
+  // \u663E\u793A\u66F4\u65B0\u63D0\u793A
+  function _showPrompt() {
+    if (_promptVisible || _destroyed) return;
+    _promptVisible = true;
+
+    var container = document.getElementById('__vuc-root__');
+    if (!container) return;
+
+    container.style.display = '';
+
+    // \u586B\u5145\u7248\u672C\u53F7
+    var currentEl = document.getElementById('__vuc-current__');
+    var newEl = document.getElementById('__vuc-new__');
+    if (currentEl) currentEl.textContent = _currentVersion;
+    if (newEl) newEl.textContent = _latestVersion;
+  }
+
+  // \u9690\u85CF\u66F4\u65B0\u63D0\u793A
+  function _hidePrompt() {
+    _promptVisible = false;
+    var container = document.getElementById('__vuc-root__');
+    if (container) container.style.display = 'none';
+  }
+
+  // \u5237\u65B0\u9875\u9762
+  window.__VUC_REFRESH__ = function() {
+    ${_}(_currentVersion, _latestVersion);
+    window.location.reload();
+  };
+
+  // \u5FFD\u7565\u66F4\u65B0
+  window.__VUC_DISMISS__ = function() {
+    ${c}(_currentVersion, _latestVersion);
+    _dismissed = true;
+    _hidePrompt();
+  };
+
+  // \u542F\u52A8\u5B9A\u65F6\u68C0\u67E5
+  function _startChecking() {
+    _currentVersion = _getCurrentVersion();
+    if (!_currentVersion) {
+      console.warn('[versionUpdateChecker] \u65E0\u6CD5\u83B7\u53D6\u5F53\u524D\u7248\u672C\u53F7\uFF0C\u7248\u672C\u68C0\u67E5\u5DF2\u8DF3\u8FC7\u3002\u8BF7\u786E\u8BA4 generateVersion \u63D2\u4EF6\u5DF2\u6B63\u786E\u914D\u7F6E\u3002');
+      return;
+    }
+
+    // \u9996\u6B21\u5EF6\u8FDF 10 \u79D2\u68C0\u67E5\uFF0C\u907F\u514D\u9875\u9762\u521A\u52A0\u8F7D\u5C31\u5F39\u51FA
+    _delayTimer = setTimeout(function() {
+      _checkForUpdate();
+      // \u4E4B\u540E\u6309\u95F4\u9694\u5B9A\u671F\u68C0\u67E5
+      _intervalTimer = setInterval(_checkForUpdate, ${r});
+    }, 10000);
+  }
+
+  // \u9500\u6BC1\u68C0\u67E5\u5668\uFF0C\u6E05\u7406\u5B9A\u65F6\u5668\u548C DOM
+  function _destroy() {
+    _destroyed = true;
+    if (_delayTimer) { clearTimeout(_delayTimer); _delayTimer = null; }
+    if (_intervalTimer) { clearInterval(_intervalTimer); _intervalTimer = null; }
+    var container = document.getElementById('__vuc-root__');
+    if (container) container.parentNode.removeChild(container);
+    var styleEl = document.querySelector('style[data-vuc-style]');
+    if (styleEl) styleEl.parentNode.removeChild(styleEl);
+    delete window.__VUC_REFRESH__;
+    delete window.__VUC_DISMISS__;
+  }
+
+  // \u9875\u9762\u53EF\u89C1\u6027\u53D8\u5316\u65F6\u68C0\u67E5
+  ${o?`
+  document.addEventListener('visibilitychange', function() {
+    if (!document.hidden && !_destroyed && !_dismissed && !_promptVisible) {
+      _checkForUpdate();
+    }
+  });`:""}
+
+  // DOM \u5C31\u7EEA\u540E\u542F\u52A8
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', _startChecking);
+  } else {
+    _startChecking();
+  }
+})();`}function generateMetaTag(e){const n=e.versionSource||"auto";return n!=="file"&&n!=="auto"?"":`<meta name="app-version" content="${e.defineName||"__APP_VERSION__"}">`}function generateFullInjectCode(e){const n=generateCSS(e.promptStyle||"modal",e.customStyle),u=generateHTMLTemplate(e),t=generateCheckerCode(e);return`${n}
+<div id="__vuc-root__" style="display:none">${u}</div>
+<script>${t}<\/script>`}function validateCallbacks(e){common_validation_index.validateCallbackFields(e,["onUpdateAvailable","onRefresh","onDismiss"],"callbacks")}function validateAll(e){common_validation_index.validateNoScriptInTemplate(e.customPromptTemplate,"customPromptTemplate"),validateCallbacks(e),common_validation_index.validateGlobalName(e.defineName,"defineName")}class p extends factory_index.BasePlugin{getDefaultOptions(){return{versionSource:"auto",defineName:"__APP_VERSION__",checkUrl:"/version.json",checkInterval:3e5,checkOnVisibilityChange:!0,enableInDev:!1,promptStyle:"modal",promptMessage:"\u53D1\u73B0\u65B0\u7248\u672C\uFF0C\u662F\u5426\u7ACB\u5373\u5237\u65B0\u83B7\u53D6\u6700\u65B0\u5185\u5BB9\uFF1F",refreshButtonText:"\u7ACB\u5373\u5237\u65B0",dismissButtonText:"\u7A0D\u540E\u518D\u8BF4"}}validateOptions(){this.validator.field("versionSource").enum(["define","file","auto"]).field("promptStyle").enum(["modal","banner","toast"]).field("checkInterval").number().minValue(5e3).validate(),validateAll(this.options)}getPluginName(){return"version-update-checker"}addPluginHooks(n){const u=generateFullInjectCode(this.options),t=generateMetaTag(this.options);n.transformIndexHtml={order:"post",handler:r=>{const o=common_html_index.injectHeadAndBody(r,t,u);return o.usedFallback&&this.logger.warn("\u672A\u627E\u5230 </body> \u6216 </html> \u6807\u7B7E\uFF0C\u7248\u672C\u66F4\u65B0\u68C0\u67E5\u4EE3\u7801\u8FFD\u52A0\u5230\u6587\u4EF6\u672B\u5C3E"),o.bodyInjected&&this.logger.success("\u6210\u529F\u6CE8\u5165\u7248\u672C\u66F4\u65B0\u68C0\u67E5\u4EE3\u7801\u5230 HTML \u6587\u4EF6"),o.html}}}}const versionUpdateChecker=factory_index.createPluginFactory(p);exports.versionUpdateChecker=versionUpdateChecker;