@meng-xi/vite-plugin 0.0.8 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README-en.md +867 -540
- package/README.md +865 -540
- package/dist/common/index.cjs +1 -1
- package/dist/common/index.d.cts +101 -2
- package/dist/common/index.d.mts +101 -2
- package/dist/common/index.d.ts +101 -2
- package/dist/common/index.mjs +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.mjs +1 -1
- package/dist/plugins/index.cjs +1 -1
- package/dist/plugins/index.d.cts +432 -173
- package/dist/plugins/index.d.mts +432 -173
- package/dist/plugins/index.d.ts +432 -173
- package/dist/plugins/index.mjs +1 -1
- package/dist/shared/vite-plugin.D6Law9Ke.mjs +706 -0
- package/dist/shared/vite-plugin.D8L9KzuW.cjs +706 -0
- package/dist/shared/vite-plugin.DFjf9wFM.mjs +2 -0
- package/dist/shared/vite-plugin.Tab4qcIM.cjs +2 -0
- package/package.json +72 -72
- package/dist/shared/vite-plugin.Ba9646wL.cjs +0 -1
- package/dist/shared/vite-plugin.C3ejdBNf.mjs +0 -1
- package/dist/shared/vite-plugin.CIQOGuWb.cjs +0 -484
- package/dist/shared/vite-plugin.N63Ts2dO.mjs +0 -484
|
@@ -1,484 +0,0 @@
|
|
|
1
|
-
"use strict";const index=require("./vite-plugin.CawoITTT.cjs"),format=require("./vite-plugin.Ba9646wL.cjs");require("crypto");const u$1=require("path"),o$1=require("fs"),validation=require("./vite-plugin.IGZeStMa.cjs"),SPINNER_FRAMES=process.platform==="win32"?["|","/","-","\\"]:["\u280B","\u2819","\u2839","\u2838","\u283C","\u2834","\u2826","\u2827","\u2807","\u280F"],ANSI={reset:"\x1B[0G",clearLine:"\x1B[2K",hideCursor:"\x1B[?25l",showCursor:"\x1B[?25h",green:a=>`\x1B[32m${a}\x1B[39m`,cyan:a=>`\x1B[36m${a}\x1B[39m`,gray:a=>`\x1B[90m${a}\x1B[39m`,bold:a=>`\x1B[1m${a}\x1B[22m`},DEFAULT_THEME={completeColor:ANSI.green,incompleteColor:ANSI.gray,percentageColor:ANSI.bold,phaseColor:ANSI.cyan,moduleColor:ANSI.gray},PHASE_LABELS={idle:"\u7B49\u5F85\u4E2D",config:"\u8BFB\u53D6\u914D\u7F6E",resolve:"\u89E3\u6790\u6A21\u5757",transform:"\u8F6C\u6362\u6A21\u5757",bundle:"\u6253\u5305\u4E2D",write:"\u5199\u5165\u6587\u4EF6",done:"\u6784\u5EFA\u5B8C\u6210"};class o extends index.BasePlugin{totalModules=0;transformedModules=0;currentModule="";phase="idle";spinnerIndex=0;spinnerTimer=null;isDev=!1;theme=DEFAULT_THEME;lastPercentage=0;static ANSI_REGEX=/\x1b\[[0-9;]*m/g;static stripAnsi(e){return e.replace(o.ANSI_REGEX,"")}getDefaultOptions(){return{width:30,format:"bar",completeChar:"\u2588",incompleteChar:"\u2591",clearOnComplete:!0,showModuleName:!0}}validateOptions(){this.validator.field("width").number().custom(e=>!e||e>0,"width \u5FC5\u987B\u5927\u4E8E 0").field("format").custom(e=>!e||["bar","spinner","minimal"].includes(e),"format \u5FC5\u987B\u662F bar, spinner \u6216 minimal").field("completeChar").string().field("incompleteChar").string().field("clearOnComplete").boolean().field("showModuleName").boolean().validate()}getPluginName(){return"build-progress"}onConfigResolved(e){super.onConfigResolved(e),this.theme=this.options.theme||DEFAULT_THEME}getPercentage(){if(this.phase==="done")return this.lastPercentage=100;if(this.phase==="config")return this.lastPercentage=5;if(this.phase==="resolve")return this.lastPercentage=10;if(this.totalModules===0)return this.lastPercentage=15;const e=Math.min(this.transformedModules/this.totalModules*70,70),t=this.phase==="bundle"?10:0,i=this.phase==="write"?5:0,n=Math.min(Math.floor(15+e+t+i),99);return this.lastPercentage=Math.max(n,this.lastPercentage),this.lastPercentage}renderBar(e){const t=this.options.width||30,i=this.options.completeChar||"\u2588",n=this.options.incompleteChar||"\u2591",s=Math.round(e/100*t),r=t-s;return this.theme.completeColor(i.repeat(s))+this.theme.incompleteColor(n.repeat(r))}renderSpinner(){const e=SPINNER_FRAMES[this.spinnerIndex%SPINNER_FRAMES.length];return this.spinnerIndex++,this.theme.phaseColor(e)}render(e){const t=this.options.format||"bar",i=this.theme.phaseColor(PHASE_LABELS[this.phase]),n=this.theme.percentageColor(`${e}%`);let s="";if(t==="bar"?s=`${this.renderSpinner()} ${i} ${this.renderBar(e)} ${n}`:t==="spinner"?s=`${this.renderSpinner()} ${i} ${n}`:s=`${i} ${n}`,this.options.showModuleName&&this.currentModule&&this.phase==="transform"){const r=o.stripAnsi(s).length,l=Math.max((process.stdout.columns||80)-r-3,20),d=this.currentModule.length>l?"..."+this.currentModule.slice(-l+3):this.currentModule;s+=` ${this.theme.moduleColor(d)}`}return s}update(){if(!process.stdout.isTTY)return;const e=this.getPercentage(),t=this.render(e);this.safeExecuteSync(()=>{process.stdout.write(ANSI.clearLine+ANSI.reset+t)},"\u66F4\u65B0\u8FDB\u5EA6\u663E\u793A")}startSpinner(){this.spinnerTimer||process.stdout.isTTY&&(this.spinnerTimer=setInterval(()=>this.update(),80))}stopSpinner(){this.spinnerTimer&&(clearInterval(this.spinnerTimer),this.spinnerTimer=null)}complete(){if(this.phase="done",this.stopSpinner(),!process.stdout.isTTY){this.logger.success("\u6784\u5EFA\u5B8C\u6210");return}if(this.options.clearOnComplete)this.safeExecuteSync(()=>{process.stdout.write(ANSI.clearLine+ANSI.reset)},"\u6E05\u9664\u8FDB\u5EA6\u884C");else{const e=this.render(100);this.safeExecuteSync(()=>{process.stdout.write(ANSI.clearLine+ANSI.reset+e+`
|
|
2
|
-
`)},"\u8F93\u51FA\u5B8C\u6210\u8FDB\u5EA6")}this.safeExecuteSync(()=>{process.stdout.write(ANSI.showCursor)},"\u6062\u590D\u5149\u6807\u663E\u793A")}addPluginHooks(e){e.config=(t,{command:i})=>(this.isDev=i==="serve",null),e.configResolved=()=>{this.options.enabled&&(this.phase="config",process.stdout.isTTY&&this.safeExecuteSync(()=>{process.stdout.write(ANSI.hideCursor)},"\u9690\u85CF\u5149\u6807"),this.startSpinner())},e.buildStart=()=>{this.options.enabled&&(this.phase="resolve",this.totalModules=0,this.transformedModules=0)},e.resolveId={handler:t=>{this.options.enabled&&(t.includes("node_modules")||t.includes(".virtual")||this.totalModules++)}},e.transform={handler:(t,i)=>{this.options.enabled&&(i.includes("node_modules")||i.includes(".virtual")||(this.phase="transform",this.transformedModules++,this.currentModule=i))}},e.writeBundle=()=>{this.options.enabled&&(this.phase="write",this.update())},e.closeBundle=()=>{this.options.enabled&&this.complete()},e.buildEnd=()=>{this.options.enabled&&(this.isDev||(this.phase="bundle",this.update()))},e.configureServer=()=>{this.options.enabled&&this.isDev&&this.complete()}}destroy(){super.destroy(),this.stopSpinner(),process.stdout.isTTY&&this.safeExecuteSync(()=>{process.stdout.write(ANSI.showCursor)},"\u6062\u590D\u5149\u6807\u663E\u793A")}}const buildProgress=index.createPluginFactory(o);class p extends index.BasePlugin{getDefaultOptions(){return{overwrite:!0,recursive:!0,incremental:!0}}validateOptions(){this.validator.field("sourceDir").required().string().custom(e=>e.trim()!=="","sourceDir \u4E0D\u80FD\u4E3A\u7A7A\u5B57\u7B26\u4E32").field("targetDir").required().string().custom(e=>e.trim()!=="","targetDir \u4E0D\u80FD\u4E3A\u7A7A\u5B57\u7B26\u4E32").field("overwrite").boolean().field("recursive").boolean().field("incremental").boolean().validate()}getPluginName(){return"copy-file"}getEnforce(){return"post"}async copyFiles(){const{sourceDir:e,targetDir:t,overwrite:i=!0,recursive:n=!0,incremental:s=!0,enabled:r=!0}=this.options;if(!r){this.logger.info(`\u63D2\u4EF6\u5DF2\u7981\u7528\uFF0C\u8DF3\u8FC7\u6267\u884C\uFF1A\u4ECE ${e} \u590D\u5236\u5230 ${t}`);return}await format.checkSourceExists(e);const l=await format.copySourceToTarget(e,t,{recursive:n,overwrite:i,incremental:s});this.logger.success(`\u590D\u5236\u6587\u4EF6\u6210\u529F\uFF1A\u4ECE ${e} \u5230 ${t}`,`\u590D\u5236\u4E86 ${l.copiedFiles} \u4E2A\u6587\u4EF6\uFF0C\u8DF3\u8FC7\u4E86 ${l.skippedFiles} \u4E2A\u6587\u4EF6\uFF0C\u8017\u65F6 ${l.executionTime}ms`)}addPluginHooks(e){e.writeBundle=async()=>{await this.safeExecute(()=>this.copyFiles(),"\u590D\u5236\u6587\u4EF6")}}}const copyFile=index.createPluginFactory(p);class R extends index.BasePlugin{projectRoot=process.cwd();tabBarPages=new Set;watcher=null;getDefaultOptions(){return{pagesJsonPath:"src/pages.json",outputPath:"src/router.config.ts",outputFormat:"ts",nameStrategy:"camelCase",includeSubPackages:!0,watch:!0,exportTypes:!0,preserveRouteChanges:!0,metaMapping:{navigationBarTitleText:"title",requireAuth:"requireAuth"}}}validateOptions(){if(this.validator.field("pagesJsonPath").string().field("outputPath").string().field("outputFormat").custom(e=>!e||["ts","js"].includes(e),"outputFormat \u5FC5\u987B\u662F ts \u6216 js").field("nameStrategy").custom(e=>!e||["path","camelCase","pascalCase","custom"].includes(e),"nameStrategy \u5FC5\u987B\u662F path, camelCase, pascalCase \u6216 custom").validate(),this.options.nameStrategy==="custom"&&!this.options.customNameGenerator)throw new Error("\u5F53 nameStrategy \u4E3A custom \u65F6\uFF0C\u5FC5\u987B\u63D0\u4F9B customNameGenerator")}getPluginName(){return"generate-router"}generateRouteName(e){switch(this.options.nameStrategy){case"path":return e.replace(/\//g,"_").replace(/^_/,"");case"camelCase":return format.toCamelCase(e);case"pascalCase":return format.toPascalCase(e);case"custom":return this.options.customNameGenerator(e);default:return format.toCamelCase(e)}}extractMeta(e,t){const i={},n=e.style||{},s=this.options.metaMapping||{};for(const[r,l]of Object.entries(s))n[r]!==void 0&&(i[l]=n[r]);return this.tabBarPages.has(t)&&(i.isTab=!0),i}parsePageToRoute(e,t=""){const i=t?`/${t}/${e.path}`:`/${e.path}`,n=this.generateRouteName(i),s=this.extractMeta(e,i.replace(/^\//,"")),r={path:i,name:n};return Object.keys(s).length>0&&(r.meta=s),r}parsePagesJson(e){const t=[];if(!e.pages||!Array.isArray(e.pages)||e.pages.length===0)return this.logger.warn("pages.json \u4E2D\u6CA1\u6709\u6709\u6548\u7684\u9875\u9762\u914D\u7F6E"),t;if(this.tabBarPages.clear(),e.tabBar?.list)for(const i of e.tabBar.list)this.tabBarPages.add(i.pagePath);for(const i of e.pages)t.push(this.parsePageToRoute(i));if(this.options.includeSubPackages&&e.subPackages){for(const i of e.subPackages)if(i.pages&&Array.isArray(i.pages))for(const n of i.pages)t.push(this.parsePageToRoute(n,i.root))}return t}generateTypeDefinitions(){return!this.options.exportTypes||this.options.outputFormat==="js"?"":`
|
|
3
|
-
/**
|
|
4
|
-
* \u8DEF\u7531\u5143\u4FE1\u606F
|
|
5
|
-
*/
|
|
6
|
-
export interface RouteMeta {
|
|
7
|
-
/** \u9875\u9762\u6807\u9898 */
|
|
8
|
-
title?: string
|
|
9
|
-
/** \u662F\u5426\u4E3ATabBar\u9875\u9762 */
|
|
10
|
-
isTab?: boolean
|
|
11
|
-
/** \u662F\u5426\u9700\u8981\u767B\u5F55 */
|
|
12
|
-
requireAuth?: boolean
|
|
13
|
-
/** \u81EA\u5B9A\u4E49\u6269\u5C55\u5B57\u6BB5 */
|
|
14
|
-
[key: string]: unknown
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* \u8DEF\u7531\u914D\u7F6E\u9879
|
|
19
|
-
*/
|
|
20
|
-
export interface RouteConfig {
|
|
21
|
-
/** \u8DEF\u7531\u8DEF\u5F84 */
|
|
22
|
-
path: string
|
|
23
|
-
/** \u8DEF\u7531\u540D\u79F0\uFF08\u7528\u4E8E\u547D\u540D\u8DEF\u7531\u5BFC\u822A\uFF09 */
|
|
24
|
-
name?: string
|
|
25
|
-
/** \u8DEF\u7531\u5143\u4FE1\u606F */
|
|
26
|
-
meta?: RouteMeta
|
|
27
|
-
}
|
|
28
|
-
`}generateFileContent(e){const t=this.generateTypeDefinitions(),i=this.options.outputFormat==="ts",n=JSON.stringify(e,null," ").replace(/"(\w+)":/g,"$1:").replace(/: "([^"]+)"/g,": '$1'");return`${t}
|
|
29
|
-
/**
|
|
30
|
-
* \u8DEF\u7531\u914D\u7F6E\u5217\u8868
|
|
31
|
-
* @description \u7531 pages.json \u81EA\u52A8\u751F\u6210
|
|
32
|
-
*/
|
|
33
|
-
export const routes${i?": RouteConfig[]":""} = ${n}
|
|
34
|
-
|
|
35
|
-
export default routes
|
|
36
|
-
`}async readPagesJson(){const e=u$1.resolve(this.projectRoot,this.options.pagesJsonPath);if(!o$1.existsSync(e))return this.logger.warn(`pages.json \u6587\u4EF6\u4E0D\u5B58\u5728: ${e}`),null;try{const t=await format.readFileContent(e),i=format.stripJsonComments(t);return JSON.parse(i)}catch(t){return this.logger.error(`\u89E3\u6790 pages.json \u5931\u8D25: ${t.message}`),null}}extractExistingRoutes(e){const t=new Map,i=e.match(/export const routes[^=]*=\s*(\[[\s\S]*?\](?=\s*\n|\s*$|\s*\/\/))/);if(!i)return t;try{let n=i[1].replace(/(\w+)(?=\s*:)/g,'"$1"').replace(/'([^']*)'/g,'"$1"').replace(/,\s*([\]\}])/g,"$1");const s=JSON.parse(n);for(const r of s)r.path&&t.set(r.path,r)}catch{this.logger.warn("\u89E3\u6790\u73B0\u6709 routes \u914D\u7F6E\u5931\u8D25\uFF0C\u5C06\u5B8C\u5168\u91CD\u65B0\u751F\u6210")}return t}mergeRoutes(e,t){return e.map(i=>{const n=t.get(i.path);if(!n)return i;const s={};return i.meta&&Object.assign(s,i.meta),n.meta&&Object.assign(s,n.meta),{...n,path:i.path,meta:Object.keys(s).length>0?s:void 0}})}async generateRouterConfig(){const e=await this.readPagesJson();if(!e)return;let t=this.parsePagesJson(e);const i=u$1.resolve(this.projectRoot,this.options.outputPath);if(this.options.preserveRouteChanges&&o$1.existsSync(i))try{const s=await format.readFileContent(i),r=this.extractExistingRoutes(s);r.size>0&&(t=this.mergeRoutes(t,r),this.logger.info("\u5DF2\u5408\u5E76\u7528\u6237\u5BF9\u8DEF\u7531\u914D\u7F6E\u7684\u4FEE\u6539"))}catch{}const n=this.generateFileContent(t);await format.writeFileContent(i,n),this.logger.success(`\u8DEF\u7531\u914D\u7F6E\u6587\u4EF6\u5DF2\u751F\u6210: ${i}`),this.logger.info(`\u5171\u751F\u6210 ${t.length} \u6761\u8DEF\u7531\u914D\u7F6E`)}startWatching(){if(!this.options.watch)return;const e=u$1.resolve(this.projectRoot,this.options.pagesJsonPath);o$1.existsSync(e)&&(this.watcher=o$1.watch(e,async t=>{t==="change"&&(this.logger.info("\u68C0\u6D4B\u5230 pages.json \u53D8\u5316\uFF0C\u91CD\u65B0\u751F\u6210\u8DEF\u7531\u914D\u7F6E..."),await this.safeExecute(()=>this.generateRouterConfig(),"\u91CD\u65B0\u751F\u6210\u8DEF\u7531\u914D\u7F6E"))}),this.logger.info(`\u6B63\u5728\u76D1\u542C pages.json \u53D8\u5316: ${e}`))}stopWatching(){this.watcher&&(this.watcher.close(),this.watcher=null)}addPluginHooks(e){e.configResolved=async t=>{this.projectRoot=t.root,await this.safeExecute(()=>this.generateRouterConfig(),"\u751F\u6210\u8DEF\u7531\u914D\u7F6E"),t.command==="serve"&&this.startWatching()}}destroy(){super.destroy(),this.stopWatching()}}const generateRouter=index.createPluginFactory(R);class f extends index.BasePlugin{version="";buildTime=new Date;getDefaultOptions(){return{format:"timestamp",semverBase:"1.0.0",outputType:"file",outputFile:"version.json",defineName:"__APP_VERSION__",hashLength:8,prefix:"",suffix:""}}validateOptions(){if(this.validator.field("format").custom(e=>!e||["timestamp","date","datetime","semver","hash","custom"].includes(e),"format \u5FC5\u987B\u662F timestamp, date, datetime, semver, hash \u6216 custom").field("outputType").custom(e=>!e||["file","define","both"].includes(e),"outputType \u5FC5\u987B\u662F file, define \u6216 both").field("hashLength").number().custom(e=>!e||e>0&&e<=32,"hashLength \u5FC5\u987B\u5728 1-32 \u4E4B\u95F4").validate(),this.options.format==="custom"&&!this.options.customFormat)throw new Error("\u5F53 format \u4E3A custom \u65F6\uFF0C\u5FC5\u987B\u63D0\u4F9B customFormat")}getPluginName(){return"generate-version"}generateVersion(){const e=format.getDateFormatParams(this.buildTime),t=format.generateRandomHash(this.options.hashLength);let i;switch(this.options.format){case"timestamp":i=`${e.YYYY}${e.MM}${e.DD}${e.HH}${e.mm}${e.ss}`;break;case"date":i=`${e.YYYY}.${e.MM}.${e.DD}`;break;case"datetime":i=`${e.YYYY}.${e.MM}.${e.DD}.${e.HH}${e.mm}${e.ss}`;break;case"semver":i=this.options.semverBase||"1.0.0";break;case"hash":i=t;break;case"custom":i=this.parseCustomFormat({...e,hash:t});break;default:i=e.timestamp}const n=this.options.prefix||"",s=this.options.suffix||"";return`${n}${i}${s}`}parseCustomFormat(e){const t={...e};if(this.options.semverBase){const[i,n,s]=this.options.semverBase.split(".");t.major=i||"1",t.minor=n||"0",t.patch=s||"0"}return format.parseTemplate(this.options.customFormat||"",t)}generateVersionInfo(){return{version:this.version,buildTime:this.buildTime.toISOString(),timestamp:this.buildTime.getTime(),format:this.options.format,...this.options.extra}}async writeVersionFile(e){const t=u$1.join(e,this.options.outputFile||"version.json"),i=this.generateVersionInfo();await format.writeFileContent(t,JSON.stringify(i,null,2)),this.logger.success(`\u7248\u672C\u6587\u4EF6\u5DF2\u751F\u6210: ${t}`)}addPluginHooks(e){e.configResolved=()=>{this.buildTime=new Date,this.version=this.generateVersion(),this.logger.info(`\u751F\u6210\u7248\u672C\u53F7: ${this.version}`)},(this.options.outputType==="define"||this.options.outputType==="both")&&(e.config=()=>{this.version||(this.buildTime=new Date,this.version=this.generateVersion());const t=this.options.defineName||"__APP_VERSION__";return this.logger.info(`\u6CE8\u5165\u5168\u5C40\u53D8\u91CF: ${t} = "${this.version}"`),{define:{[t]:JSON.stringify(this.version),[`${t}_INFO`]:JSON.stringify(this.generateVersionInfo())}}}),(this.options.outputType==="file"||this.options.outputType==="both")&&(e.writeBundle=async()=>{this.viteConfig&&await this.safeExecute(async()=>{const t=this.viteConfig.build.outDir;await this.writeVersionFile(t)},"\u5199\u5165\u7248\u672C\u6587\u4EF6")})}}const generateVersion=index.createPluginFactory(f);function generateIconTagDescriptors(a){const e=[];if(a.link)return[];if(a.icons&&a.icons.length>0)for(const t of a.icons){const i={rel:t.rel,href:t.href};t.sizes&&(i.sizes=t.sizes),t.type&&(i.type=t.type),e.push({tag:"link",attrs:i,injectTo:"head"})}else if(a.url)e.push({tag:"link",attrs:{rel:"icon",href:a.url},injectTo:"head"});else{const t=a.base||"/",i=t.endsWith("/")?`${t}favicon.ico`:`${t}/favicon.ico`;e.push({tag:"link",attrs:{rel:"icon",href:i},injectTo:"head"})}return e}class u extends index.BasePlugin{getDefaultOptions(){return{base:"/"}}validateOptions(){this.validator.field("base").string().field("url").string().field("link").string().field("icons").array(),this.options?.copyOptions&&(this.validator.field("copyOptions").object(),new validation.Validator(this.options.copyOptions).field("sourceDir").required().string().field("targetDir").required().string().field("overwrite").boolean().field("recursive").boolean().validate()),this.validator.validate()}getPluginName(){return"inject-ico"}getIconTagDescriptors(){if(!this.options.enabled)return this.logger.info("\u63D2\u4EF6\u5DF2\u7981\u7528\uFF0C\u8DF3\u8FC7\u56FE\u6807\u6CE8\u5165"),[];const e=generateIconTagDescriptors(this.options);return e.length>0&&this.logger.success(`\u6210\u529F\u6CE8\u5165 ${e.length} \u4E2A\u56FE\u6807\u6807\u7B7E\u5230 HTML \u6587\u4EF6`),e}injectCustomLinkTag(e){if(!this.options.enabled||!this.options.link)return e;const t=this.options.link,i=/<\/head>/i,n=e.match(i);if(n&&n.index!==void 0){const s=e.slice(0,n.index)+t+`
|
|
37
|
-
`+e.slice(n.index);return this.logger.success("\u6210\u529F\u6CE8\u5165\u81EA\u5B9A\u4E49\u56FE\u6807\u6807\u7B7E\u5230 HTML \u6587\u4EF6"),this.logger.info(` - ${t}`),s}return this.logger.warn("\u672A\u627E\u5230 </head> \u6807\u7B7E\uFF0C\u8DF3\u8FC7\u56FE\u6807\u6CE8\u5165"),e}async copyFiles(){if(!this.options.enabled){this.logger.info("\u63D2\u4EF6\u5DF2\u7981\u7528\uFF0C\u8DF3\u8FC7\u6587\u4EF6\u590D\u5236");return}const{copyOptions:e}=this.options;if(!e)return;const{sourceDir:t,targetDir:i,overwrite:n=!0,recursive:s=!0}=e;await format.checkSourceExists(t);const r=await format.copySourceToTarget(t,i,{recursive:s,overwrite:n,incremental:!0});this.logger.success(`\u56FE\u6807\u6587\u4EF6\u590D\u5236\u6210\u529F\uFF1A\u4ECE ${t} \u5230 ${i}`,`\u590D\u5236\u4E86 ${r.copiedFiles} \u4E2A\u6587\u4EF6\uFF0C\u8DF3\u8FC7\u4E86 ${r.skippedFiles} \u4E2A\u6587\u4EF6\uFF0C\u8017\u65F6 ${r.executionTime}ms`)}addPluginHooks(e){e.transformIndexHtml={order:"pre",handler:t=>{if(this.options.link)return this.injectCustomLinkTag(t);const i=this.getIconTagDescriptors();return i.length>0?{html:t,tags:i}:t}},e.writeBundle=async()=>{await this.safeExecute(()=>this.copyFiles(),"\u56FE\u6807\u6587\u4EF6\u590D\u5236")}}}const injectIco=index.createPluginFactory(u,a=>typeof a=="string"?{base:a}:a||{}),CLS_OVERLAY="__loading-overlay__",CLS_HIDDEN="__loading-hidden__",CLS_VISIBLE="__loading-visible__",CLS_TOP="__loading-top__",CLS_CENTER="__loading-center__",CLS_BOTTOM="__loading-bottom__",CLS_SPINNER="__loading-spinner__",CLS_TEXT="__loading-text__",CLS_DOT="__loading-dot__",ID_ROOT="__loading-root__",ATTR_TEXT="data-loading-text",ANIM_SPIN="__loading-spin__",ANIM_DOTS="__loading-dots__",ANIM_PULSE="__loading-pulse__",ANIM_BAR="__loading-bar__",POSITION_CLASS_MAP={center:CLS_CENTER,top:CLS_TOP,bottom:CLS_BOTTOM};function generateCSS(a,e="spinner",t){const{overlayColor:i="rgba(255, 255, 255, 0.7)",spinnerColor:n="#4361ee",spinnerSize:s="40px",textColor:r="#333",textSize:l="14px",zIndex:d=9999,pointerEvents:m=!1,backdropBlur:E=!1,backdropBlurAmount:c=4}=a,y=m?"":"pointer-events: none;",C=E?`backdrop-filter: blur(${c}px);-webkit-backdrop-filter: blur(${c}px);`:"",v=getSpinnerCSS(e,n,s),b=t?.enabled!==!1,h=t?.duration??200,F=t?.easing??"ease-out",_=b?`transition: opacity ${h}ms ${F}, visibility ${h}ms ${F};`:"";return`
|
|
38
|
-
.${CLS_OVERLAY} {
|
|
39
|
-
position: fixed;
|
|
40
|
-
top: 0;
|
|
41
|
-
left: 0;
|
|
42
|
-
right: 0;
|
|
43
|
-
bottom: 0;
|
|
44
|
-
background: ${i};
|
|
45
|
-
display: flex;
|
|
46
|
-
flex-direction: column;
|
|
47
|
-
align-items: center;
|
|
48
|
-
z-index: ${d};
|
|
49
|
-
${y}
|
|
50
|
-
${C}
|
|
51
|
-
contain: layout style paint;
|
|
52
|
-
will-change: opacity;
|
|
53
|
-
}
|
|
54
|
-
.${CLS_OVERLAY}.${CLS_TOP} {
|
|
55
|
-
justify-content: flex-start;
|
|
56
|
-
padding-top: 60px;
|
|
57
|
-
}
|
|
58
|
-
.${CLS_OVERLAY}.${CLS_CENTER} {
|
|
59
|
-
justify-content: center;
|
|
60
|
-
}
|
|
61
|
-
.${CLS_OVERLAY}.${CLS_BOTTOM} {
|
|
62
|
-
justify-content: flex-end;
|
|
63
|
-
padding-bottom: 60px;
|
|
64
|
-
}
|
|
65
|
-
${v}
|
|
66
|
-
.${CLS_TEXT} {
|
|
67
|
-
margin-top: 12px;
|
|
68
|
-
color: ${r};
|
|
69
|
-
font-size: ${l};
|
|
70
|
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
71
|
-
user-select: none;
|
|
72
|
-
}
|
|
73
|
-
.${CLS_OVERLAY}.${CLS_HIDDEN} {
|
|
74
|
-
opacity: 0;
|
|
75
|
-
visibility: hidden;
|
|
76
|
-
${_}
|
|
77
|
-
}
|
|
78
|
-
.${CLS_OVERLAY}.${CLS_VISIBLE} {
|
|
79
|
-
opacity: 1;
|
|
80
|
-
visibility: visible;
|
|
81
|
-
${_}
|
|
82
|
-
}`}function getSpinnerCSS(a,e,t){switch(a){case"dots":return`
|
|
83
|
-
.${CLS_SPINNER} {
|
|
84
|
-
display: flex;
|
|
85
|
-
gap: 6px;
|
|
86
|
-
align-items: center;
|
|
87
|
-
}
|
|
88
|
-
.${CLS_SPINNER} .${CLS_DOT} {
|
|
89
|
-
width: calc(${t} / 4);
|
|
90
|
-
height: calc(${t} / 4);
|
|
91
|
-
border-radius: 50%;
|
|
92
|
-
background: ${e};
|
|
93
|
-
animation: ${ANIM_DOTS} 1.2s ease-in-out infinite;
|
|
94
|
-
}
|
|
95
|
-
.${CLS_SPINNER} .${CLS_DOT}:nth-child(2) { animation-delay: 0.15s; }
|
|
96
|
-
.${CLS_SPINNER} .${CLS_DOT}:nth-child(3) { animation-delay: 0.3s; }
|
|
97
|
-
@keyframes ${ANIM_DOTS} {
|
|
98
|
-
0%, 80%, 100% { transform: scale(0.4); opacity: 0.4; }
|
|
99
|
-
40% { transform: scale(1); opacity: 1; }
|
|
100
|
-
}`;case"pulse":return`
|
|
101
|
-
.${CLS_SPINNER} {
|
|
102
|
-
width: ${t};
|
|
103
|
-
height: ${t};
|
|
104
|
-
background: ${e};
|
|
105
|
-
border-radius: 50%;
|
|
106
|
-
animation: ${ANIM_PULSE} 1.2s ease-in-out infinite;
|
|
107
|
-
}
|
|
108
|
-
@keyframes ${ANIM_PULSE} {
|
|
109
|
-
0% { transform: scale(0.3); opacity: 0.3; }
|
|
110
|
-
50% { transform: scale(1); opacity: 1; }
|
|
111
|
-
100% { transform: scale(0.3); opacity: 0.3; }
|
|
112
|
-
}`;case"bar":return`
|
|
113
|
-
.${CLS_SPINNER} {
|
|
114
|
-
width: calc(${t} * 2.5);
|
|
115
|
-
height: calc(${t} / 5);
|
|
116
|
-
background: rgba(0, 0, 0, 0.08);
|
|
117
|
-
border-radius: calc(${t} / 10);
|
|
118
|
-
overflow: hidden;
|
|
119
|
-
position: relative;
|
|
120
|
-
}
|
|
121
|
-
.${CLS_SPINNER}::after {
|
|
122
|
-
content: '';
|
|
123
|
-
position: absolute;
|
|
124
|
-
top: 0;
|
|
125
|
-
left: 0;
|
|
126
|
-
height: 100%;
|
|
127
|
-
width: 40%;
|
|
128
|
-
background: ${e};
|
|
129
|
-
border-radius: calc(${t} / 10);
|
|
130
|
-
animation: ${ANIM_BAR} 1.2s ease-in-out infinite;
|
|
131
|
-
}
|
|
132
|
-
@keyframes ${ANIM_BAR} {
|
|
133
|
-
0% { left: -40%; }
|
|
134
|
-
100% { left: 100%; }
|
|
135
|
-
}`;default:return`
|
|
136
|
-
.${CLS_SPINNER} {
|
|
137
|
-
width: ${t};
|
|
138
|
-
height: ${t};
|
|
139
|
-
border: 3px solid rgba(0, 0, 0, 0.1);
|
|
140
|
-
border-top-color: ${e};
|
|
141
|
-
border-radius: 50%;
|
|
142
|
-
animation: ${ANIM_SPIN} 0.8s linear infinite;
|
|
143
|
-
}
|
|
144
|
-
@keyframes ${ANIM_SPIN} {
|
|
145
|
-
to { transform: rotate(360deg); }
|
|
146
|
-
}`}}function generateHTMLTemplate(a){const e=a.position||"center",t=a.defaultText||"\u52A0\u8F7D\u4E2D...",i=a.spinnerType||"spinner",n=POSITION_CLASS_MAP[e],s=a.style?.customClass?` ${a.style.customClass}`:"",r=a.style?.customStyle?` style="${a.style.customStyle}"`:"",l=a.defaultVisible?CLS_VISIBLE:CLS_HIDDEN;if(a.customTemplate)return`<div class="${CLS_OVERLAY} ${n} ${l}${s}" id="${ID_ROOT}"${r}>${a.customTemplate}</div>`;const d=getSpinnerHTML(i);return`<div class="${CLS_OVERLAY} ${n} ${l}${s}" id="${ID_ROOT}"${r}>
|
|
147
|
-
${d}
|
|
148
|
-
<div class="${CLS_TEXT}" ${ATTR_TEXT}="">${t}</div>
|
|
149
|
-
</div>`}function getSpinnerHTML(a){switch(a){case"dots":return`<div class="${CLS_SPINNER}"><div class="${CLS_DOT}"></div><div class="${CLS_DOT}"></div><div class="${CLS_DOT}"></div></div>`;default:return`<div class="${CLS_SPINNER}"></div>`}}class M extends index.BasePlugin{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:!1,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").custom(e=>!e||["center","top","bottom"].includes(e),"position \u5FC5\u987B\u662F center, top \u6216 bottom").field("defaultText").string().field("spinnerType").custom(e=>!e||["spinner","dots","pulse","bar"].includes(e),"spinnerType \u5FC5\u987B\u662F spinner, dots, pulse \u6216 bar").field("autoBind").custom(e=>!e||["fetch","xhr","all","none"].includes(e),"autoBind \u5FC5\u987B\u662F fetch, xhr, all \u6216 none").field("globalName").string().field("customTemplate").string().field("defaultVisible").boolean().field("autoHideOn").custom(e=>!e||["DOMContentLoaded","load","manual"].includes(e),"autoHideOn \u5FC5\u987B\u662F DOMContentLoaded, load \u6216 manual").validate(),this.validateStyle(),this.validateNestedConfig("minDisplayTime","minDisplayTime.duration \u5FC5\u987B\u662F\u975E\u8D1F\u6570"),this.validateNestedConfig("delayShow","delayShow.duration \u5FC5\u987B\u662F\u975E\u8D1F\u6570"),this.validateNestedConfig("debounceHide","debounceHide.duration \u5FC5\u987B\u662F\u975E\u8D1F\u6570"),this.validateTransition(),this.validateCallbacks()}validateStyle(){if(!this.options.style)return;const{zIndex:e}=this.options.style;if(e!==void 0&&(typeof e!="number"||e<0))throw new Error("style.zIndex \u5FC5\u987B\u662F\u975E\u8D1F\u6570");if(this.options.style.backdropBlurAmount!==void 0&&(typeof this.options.style.backdropBlurAmount!="number"||this.options.style.backdropBlurAmount<0))throw new Error("style.backdropBlurAmount \u5FC5\u987B\u662F\u975E\u8D1F\u6570")}validateNestedConfig(e,t){const i=this.options[e];if(i?.duration!==void 0&&(typeof i.duration!="number"||i.duration<0))throw new Error(t)}validateTransition(){if(!this.options.transition)return;const{duration:e}=this.options.transition;if(e!==void 0&&(typeof e!="number"||e<0))throw new Error("transition.duration \u5FC5\u987B\u662F\u975E\u8D1F\u6570")}validateCallbacks(){if(!this.options.callbacks)return;const{callbacks:e}=this.options,t=["onBeforeShow","onShow","onBeforeHide","onHide","onDestroy"];for(const i of t)if(e[i]!==void 0&&typeof e[i]!="string")throw new Error(`callbacks.${i} \u5FC5\u987B\u662F\u5B57\u7B26\u4E32\u7C7B\u578B`)}getPluginName(){return"inject-loading"}generateLoadingManager(e){const t=e.globalName||"__LOADING_MANAGER__",i=e.minDisplayTime||{enabled:!0,duration:300},n=e.delayShow||{enabled:!0,duration:200},s=e.debounceHide||{enabled:!1,duration:100},r=e.transition||{enabled:!0,duration:200,easing:"ease-out"},l=e.autoBind||"none",d=e.requestFilter||{},m=e.defaultVisible||!1,E=e.autoHideOn||"DOMContentLoaded",c=e.callbacks||{},y=d.excludeUrls||[],C=d.includeUrls||[],v=d.excludeMethods||[],b=d.excludeUrlPrefixes||[],h=g=>g?`function() { try { ${g} } catch(e) { console.error('[injectLoading] callback error:', e); } }`:"function() {}",F=h(c.onBeforeShow),_=h(c.onShow),$=h(c.onBeforeHide),D=h(c.onHide),w=h(c.onDestroy);return`(function() {
|
|
150
|
-
'use strict';
|
|
151
|
-
|
|
152
|
-
// SSR \u73AF\u5883\u68C0\u6D4B
|
|
153
|
-
if (typeof window === 'undefined' || typeof document === 'undefined') return;
|
|
154
|
-
|
|
155
|
-
var _loadingEl = null;
|
|
156
|
-
var _textEl = null;
|
|
157
|
-
var _styleEl = null;
|
|
158
|
-
var _visible = false;
|
|
159
|
-
var _destroyed = false;
|
|
160
|
-
var _showTimer = null;
|
|
161
|
-
var _hideTimer = null;
|
|
162
|
-
var _debounceTimer = null;
|
|
163
|
-
var _showTime = 0;
|
|
164
|
-
var _pendingCount = 0;
|
|
165
|
-
|
|
166
|
-
// \u914D\u7F6E
|
|
167
|
-
var _minDisplayTime = ${JSON.stringify(i)};
|
|
168
|
-
var _delayShow = ${JSON.stringify(n)};
|
|
169
|
-
var _debounceHide = ${JSON.stringify(s)};
|
|
170
|
-
var _transition = ${JSON.stringify(r)};
|
|
171
|
-
var _excludeUrls = ${JSON.stringify(y.map(g=>({source:g.source,flags:g.flags})))}.map(function(s) { return new RegExp(s.source, s.flags); });
|
|
172
|
-
var _includeUrls = ${JSON.stringify(C.map(g=>({source:g.source,flags:g.flags})))}.map(function(s) { return new RegExp(s.source, s.flags); });
|
|
173
|
-
var _excludeMethods = ${JSON.stringify(v)};
|
|
174
|
-
var _excludeUrlPrefixes = ${JSON.stringify(b)};
|
|
175
|
-
|
|
176
|
-
// \u56DE\u8C03
|
|
177
|
-
var _onBeforeShow = ${F};
|
|
178
|
-
var _onShow = ${_};
|
|
179
|
-
var _onBeforeHide = ${$};
|
|
180
|
-
var _onHide = ${D};
|
|
181
|
-
var _onDestroy = ${w};
|
|
182
|
-
|
|
183
|
-
// \u4FDD\u5B58\u539F\u59CB\u65B9\u6CD5\u5F15\u7528\uFF0C\u7528\u4E8E destroy \u65F6\u6062\u590D
|
|
184
|
-
var _originalFetch = null;
|
|
185
|
-
var _originalXHROpen = null;
|
|
186
|
-
var _originalXHRSend = null;
|
|
187
|
-
|
|
188
|
-
function _findEl() {
|
|
189
|
-
if (!_loadingEl) {
|
|
190
|
-
_loadingEl = document.getElementById('${ID_ROOT}');
|
|
191
|
-
}
|
|
192
|
-
if (!_textEl && _loadingEl) {
|
|
193
|
-
_textEl = _loadingEl.querySelector('[${ATTR_TEXT}]');
|
|
194
|
-
}
|
|
195
|
-
// \u67E5\u627E\u5E76\u7F13\u5B58\u6CE8\u5165\u7684 style \u5143\u7D20\uFF0C\u786E\u4FDD destroy \u65F6\u80FD\u6B63\u786E\u6E05\u7406
|
|
196
|
-
if (!_styleEl) {
|
|
197
|
-
_styleEl = document.querySelector('style[data-loading-id="${t}"]');
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
function _shouldFilter(url, method) {
|
|
202
|
-
if (!url) return false;
|
|
203
|
-
var upperMethod = (method || 'GET').toUpperCase();
|
|
204
|
-
for (var i = 0; i < _excludeMethods.length; i++) {
|
|
205
|
-
if (upperMethod === _excludeMethods[i].toUpperCase()) return true;
|
|
206
|
-
}
|
|
207
|
-
for (var i = 0; i < _excludeUrlPrefixes.length; i++) {
|
|
208
|
-
if (url.indexOf(_excludeUrlPrefixes[i]) === 0) return true;
|
|
209
|
-
}
|
|
210
|
-
if (_includeUrls.length > 0) {
|
|
211
|
-
var included = false;
|
|
212
|
-
for (var i = 0; i < _includeUrls.length; i++) {
|
|
213
|
-
if (_includeUrls[i].test(url)) { included = true; break; }
|
|
214
|
-
}
|
|
215
|
-
if (!included) return true;
|
|
216
|
-
}
|
|
217
|
-
for (var i = 0; i < _excludeUrls.length; i++) {
|
|
218
|
-
if (_excludeUrls[i].test(url)) return true;
|
|
219
|
-
}
|
|
220
|
-
return false;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
function _clearTimers() {
|
|
224
|
-
if (_showTimer) { clearTimeout(_showTimer); _showTimer = null; }
|
|
225
|
-
if (_hideTimer) { clearTimeout(_hideTimer); _hideTimer = null; }
|
|
226
|
-
if (_debounceTimer) { clearTimeout(_debounceTimer); _debounceTimer = null; }
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
function _applyTransition(show) {
|
|
230
|
-
if (!_transition.enabled || !_loadingEl) return;
|
|
231
|
-
var d = _transition.duration || 200;
|
|
232
|
-
var e = _transition.easing || 'ease-out';
|
|
233
|
-
_loadingEl.style.transition = 'opacity ' + d + 'ms ' + e + ', visibility ' + d + 'ms ' + e;
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
function _doShow(text) {
|
|
237
|
-
if (_destroyed) return;
|
|
238
|
-
_findEl();
|
|
239
|
-
if (!_loadingEl) return;
|
|
240
|
-
|
|
241
|
-
// onBeforeShow \u56DE\u8C03\uFF0C\u8FD4\u56DE false \u53EF\u963B\u6B62\u663E\u793A\uFF08makeCallback \u5DF2\u63D0\u4F9B try-catch \u4FDD\u62A4\uFF09
|
|
242
|
-
var result = _onBeforeShow();
|
|
243
|
-
if (result === false) return;
|
|
244
|
-
|
|
245
|
-
if (_textEl && text) _textEl.textContent = text;
|
|
246
|
-
_loadingEl.classList.remove('${CLS_HIDDEN}');
|
|
247
|
-
_loadingEl.classList.add('${CLS_VISIBLE}');
|
|
248
|
-
_applyTransition(true);
|
|
249
|
-
_visible = true;
|
|
250
|
-
_showTime = Date.now();
|
|
251
|
-
_onShow();
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
function _doHide(force) {
|
|
255
|
-
if (_destroyed) return;
|
|
256
|
-
_findEl();
|
|
257
|
-
if (!_loadingEl) return;
|
|
258
|
-
|
|
259
|
-
if (!force) {
|
|
260
|
-
// onBeforeHide \u56DE\u8C03\uFF0C\u8FD4\u56DE false \u53EF\u963B\u6B62\u9690\u85CF\uFF08makeCallback \u5DF2\u63D0\u4F9B try-catch \u4FDD\u62A4\uFF09
|
|
261
|
-
var result = _onBeforeHide();
|
|
262
|
-
if (result === false) return;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
if (!force && _minDisplayTime.enabled && _showTime > 0) {
|
|
266
|
-
var elapsed = Date.now() - _showTime;
|
|
267
|
-
var remaining = _minDisplayTime.duration - elapsed;
|
|
268
|
-
if (remaining > 0) {
|
|
269
|
-
_hideTimer = setTimeout(function() { _doHide(true); }, remaining);
|
|
270
|
-
return;
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
if (_debounceHide.enabled && !force) {
|
|
275
|
-
_debounceTimer = setTimeout(function() {
|
|
276
|
-
_loadingEl.classList.remove('${CLS_VISIBLE}');
|
|
277
|
-
_loadingEl.classList.add('${CLS_HIDDEN}');
|
|
278
|
-
_applyTransition(false);
|
|
279
|
-
_visible = false;
|
|
280
|
-
_showTime = 0;
|
|
281
|
-
_onHide();
|
|
282
|
-
}, _debounceHide.duration);
|
|
283
|
-
return;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
_loadingEl.classList.remove('${CLS_VISIBLE}');
|
|
287
|
-
_loadingEl.classList.add('${CLS_HIDDEN}');
|
|
288
|
-
_applyTransition(false);
|
|
289
|
-
_visible = false;
|
|
290
|
-
_showTime = 0;
|
|
291
|
-
_onHide();
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
function _restoreInterceptors() {
|
|
295
|
-
if (_originalFetch && typeof window !== 'undefined' && window.fetch) {
|
|
296
|
-
window.fetch = _originalFetch;
|
|
297
|
-
_originalFetch = null;
|
|
298
|
-
}
|
|
299
|
-
if (_originalXHROpen && typeof window !== 'undefined' && window.XMLHttpRequest) {
|
|
300
|
-
XMLHttpRequest.prototype.open = _originalXHROpen;
|
|
301
|
-
XMLHttpRequest.prototype.send = _originalXHRSend;
|
|
302
|
-
_originalXHROpen = null;
|
|
303
|
-
_originalXHRSend = null;
|
|
304
|
-
}
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
var manager = {
|
|
308
|
-
show: function(text) {
|
|
309
|
-
if (_destroyed) return;
|
|
310
|
-
_clearTimers();
|
|
311
|
-
// \u91CD\u7F6E _showTime\uFF0C\u786E\u4FDD\u91CD\u65B0 show \u65F6\u6700\u5C0F\u663E\u793A\u65F6\u95F4\u4ECE\u65B0\u663E\u793A\u65F6\u523B\u5F00\u59CB\u8BA1\u7B97
|
|
312
|
-
_showTime = 0;
|
|
313
|
-
if (_delayShow.enabled && _delayShow.duration > 0) {
|
|
314
|
-
_showTimer = setTimeout(function() { _doShow(text); }, _delayShow.duration);
|
|
315
|
-
} else {
|
|
316
|
-
_doShow(text);
|
|
317
|
-
}
|
|
318
|
-
},
|
|
319
|
-
hide: function() {
|
|
320
|
-
if (_destroyed) return;
|
|
321
|
-
if (_showTimer) { clearTimeout(_showTimer); _showTimer = null; }
|
|
322
|
-
_doHide(false);
|
|
323
|
-
},
|
|
324
|
-
forceHide: function() {
|
|
325
|
-
if (_destroyed) return;
|
|
326
|
-
_clearTimers();
|
|
327
|
-
_doHide(true);
|
|
328
|
-
},
|
|
329
|
-
destroy: function() {
|
|
330
|
-
if (_destroyed) return;
|
|
331
|
-
_destroyed = true;
|
|
332
|
-
_clearTimers();
|
|
333
|
-
_findEl();
|
|
334
|
-
if (_loadingEl && _loadingEl.parentNode) {
|
|
335
|
-
_loadingEl.parentNode.removeChild(_loadingEl);
|
|
336
|
-
}
|
|
337
|
-
if (_styleEl && _styleEl.parentNode) {
|
|
338
|
-
_styleEl.parentNode.removeChild(_styleEl);
|
|
339
|
-
}
|
|
340
|
-
_loadingEl = null;
|
|
341
|
-
_textEl = null;
|
|
342
|
-
_styleEl = null;
|
|
343
|
-
_visible = false;
|
|
344
|
-
_showTime = 0;
|
|
345
|
-
_pendingCount = 0;
|
|
346
|
-
_restoreInterceptors();
|
|
347
|
-
_onDestroy();
|
|
348
|
-
},
|
|
349
|
-
updateText: function(text) {
|
|
350
|
-
if (_destroyed) return;
|
|
351
|
-
_findEl();
|
|
352
|
-
if (_textEl) _textEl.textContent = text;
|
|
353
|
-
},
|
|
354
|
-
isVisible: function() {
|
|
355
|
-
return _visible && !_destroyed;
|
|
356
|
-
},
|
|
357
|
-
getPendingCount: function() {
|
|
358
|
-
return _pendingCount;
|
|
359
|
-
},
|
|
360
|
-
_requestStart: function(url, method) {
|
|
361
|
-
if (_destroyed) return;
|
|
362
|
-
if (_shouldFilter(url, method)) return;
|
|
363
|
-
_pendingCount++;
|
|
364
|
-
if (_pendingCount === 1) this.show();
|
|
365
|
-
},
|
|
366
|
-
_requestEnd: function(url, method) {
|
|
367
|
-
if (_destroyed) return;
|
|
368
|
-
if (_shouldFilter(url, method)) return;
|
|
369
|
-
_pendingCount = Math.max(0, _pendingCount - 1);
|
|
370
|
-
if (_pendingCount === 0) this.hide();
|
|
371
|
-
}
|
|
372
|
-
};
|
|
373
|
-
|
|
374
|
-
// \u81EA\u52A8\u62E6\u622A fetch
|
|
375
|
-
var _autoBind = '${l}';
|
|
376
|
-
if (_autoBind === 'fetch' || _autoBind === 'all') {
|
|
377
|
-
if (typeof window !== 'undefined' && window.fetch) {
|
|
378
|
-
_originalFetch = window.fetch;
|
|
379
|
-
window.fetch = function(input, init) {
|
|
380
|
-
// \u652F\u6301 string / Request / URL \u4E09\u79CD\u8F93\u5165\u7C7B\u578B
|
|
381
|
-
var url = typeof input === 'string' ? input : (input instanceof URL ? input.href : (input && input.url ? input.url : ''));
|
|
382
|
-
var method = (init && init.method) || (input && input.method) || 'GET';
|
|
383
|
-
manager._requestStart(url, method);
|
|
384
|
-
return _originalFetch.apply(this, arguments).then(
|
|
385
|
-
function(response) { manager._requestEnd(url, method); return response; },
|
|
386
|
-
function(error) { manager._requestEnd(url, method); throw error; }
|
|
387
|
-
);
|
|
388
|
-
};
|
|
389
|
-
}
|
|
390
|
-
}
|
|
391
|
-
|
|
392
|
-
// \u81EA\u52A8\u62E6\u622A XMLHttpRequest
|
|
393
|
-
if (_autoBind === 'xhr' || _autoBind === 'all') {
|
|
394
|
-
if (typeof window !== 'undefined' && window.XMLHttpRequest) {
|
|
395
|
-
_originalXHROpen = XMLHttpRequest.prototype.open;
|
|
396
|
-
_originalXHRSend = XMLHttpRequest.prototype.send;
|
|
397
|
-
XMLHttpRequest.prototype.open = function(method, url) {
|
|
398
|
-
this.__loadingUrl = url || '';
|
|
399
|
-
this.__loadingMethod = method || 'GET';
|
|
400
|
-
return _originalXHROpen.apply(this, arguments);
|
|
401
|
-
};
|
|
402
|
-
XMLHttpRequest.prototype.send = function() {
|
|
403
|
-
var self = this;
|
|
404
|
-
manager._requestStart(self.__loadingUrl, self.__loadingMethod);
|
|
405
|
-
// \u53EA\u4F7F\u7528 onloadend\uFF0C\u5B83\u5728\u6240\u6709\u7EC8\u6B62\u573A\u666F\uFF08\u6210\u529F/\u9519\u8BEF/\u4E2D\u6B62/\u8D85\u65F6\uFF09\u540E\u90FD\u4F1A\u89E6\u53D1\uFF0C
|
|
406
|
-
// \u907F\u514D\u540C\u65F6\u76D1\u542C onerror/onabort/ontimeout \u5BFC\u81F4 _requestEnd \u88AB\u591A\u6B21\u8C03\u7528
|
|
407
|
-
var _origLoadEnd = self.onloadend;
|
|
408
|
-
self.onloadend = function() {
|
|
409
|
-
manager._requestEnd(self.__loadingUrl, self.__loadingMethod);
|
|
410
|
-
if (_origLoadEnd) _origLoadEnd.apply(this, arguments);
|
|
411
|
-
};
|
|
412
|
-
return _originalXHRSend.apply(this, arguments);
|
|
413
|
-
};
|
|
414
|
-
}
|
|
415
|
-
}
|
|
416
|
-
|
|
417
|
-
// defaultVisible: \u540C\u6B65\u521D\u59CB\u53EF\u89C1\u72B6\u6001
|
|
418
|
-
var _defaultVisible = ${JSON.stringify(m)};
|
|
419
|
-
if (_defaultVisible) {
|
|
420
|
-
_visible = true;
|
|
421
|
-
_showTime = Date.now();
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
// autoHideOn: \u81EA\u52A8\u9690\u85CF\u65F6\u673A
|
|
425
|
-
var _autoHideOn = '${E}';
|
|
426
|
-
if (_defaultVisible && _autoHideOn !== 'manual') {
|
|
427
|
-
function _autoHideHandler() {
|
|
428
|
-
manager.hide();
|
|
429
|
-
}
|
|
430
|
-
if (_autoHideOn === 'load') {
|
|
431
|
-
if (document.readyState === 'complete') {
|
|
432
|
-
_autoHideHandler();
|
|
433
|
-
} else {
|
|
434
|
-
window.addEventListener('load', _autoHideHandler);
|
|
435
|
-
}
|
|
436
|
-
} else {
|
|
437
|
-
// DOMContentLoaded: readyState \u4E3A 'interactive' \u65F6\u8868\u793A\u4E8B\u4EF6\u5DF2\u89E6\u53D1\uFF0C\u9700\u7ACB\u5373\u6267\u884C
|
|
438
|
-
if (document.readyState !== 'loading') {
|
|
439
|
-
_autoHideHandler();
|
|
440
|
-
} else {
|
|
441
|
-
document.addEventListener('DOMContentLoaded', _autoHideHandler);
|
|
442
|
-
}
|
|
443
|
-
}
|
|
444
|
-
}
|
|
445
|
-
|
|
446
|
-
// \u66B4\u9732\u5230\u5168\u5C40
|
|
447
|
-
window['${t}'] = manager;
|
|
448
|
-
})();`}generateHeadInjectCode(){const e=this.options.style||{},t=this.options.spinnerType||"spinner",i=this.options.transition,n=generateCSS(e,t,i),s=generateHTMLTemplate(this.options);return`<!-- inject-loading: head start -->
|
|
449
|
-
<style data-loading-style data-loading-id="${this.options.globalName||"__LOADING_MANAGER__"}">${n}</style>
|
|
450
|
-
${s}
|
|
451
|
-
<!-- inject-loading: head end -->`}generateBodyInjectCode(e){const t=this.options.style||{},i=this.options.spinnerType||"spinner",n=this.options.transition,s=generateCSS(t,i,n),r=generateHTMLTemplate(this.options),l=this.generateLoadingManager(this.options);return e?`/* inject-loading: body start */
|
|
452
|
-
${l}
|
|
453
|
-
/* inject-loading: body end */`:`/* inject-loading: start */
|
|
454
|
-
(function() {
|
|
455
|
-
// SSR \u73AF\u5883\u68C0\u6D4B
|
|
456
|
-
if (typeof window === 'undefined' || typeof document === 'undefined') return;
|
|
457
|
-
|
|
458
|
-
// \u6CE8\u5165 CSS
|
|
459
|
-
var style = document.createElement('style');
|
|
460
|
-
style.setAttribute('data-loading-style', '');
|
|
461
|
-
style.setAttribute('data-loading-id', '${this.options.globalName||"__LOADING_MANAGER__"}');
|
|
462
|
-
style.textContent = ${JSON.stringify(s)};
|
|
463
|
-
document.head.appendChild(style);
|
|
464
|
-
|
|
465
|
-
// \u6CE8\u5165 HTML\uFF08\u7B49\u5F85 body \u53EF\u7528\u65F6\u6267\u884C\uFF09
|
|
466
|
-
function injectHTML() {
|
|
467
|
-
var div = document.createElement('div');
|
|
468
|
-
div.innerHTML = ${JSON.stringify(r)};
|
|
469
|
-
while (div.firstChild) {
|
|
470
|
-
document.body.appendChild(div.firstChild);
|
|
471
|
-
}
|
|
472
|
-
}
|
|
473
|
-
|
|
474
|
-
if (document.body) {
|
|
475
|
-
injectHTML();
|
|
476
|
-
} else {
|
|
477
|
-
document.addEventListener('DOMContentLoaded', injectHTML);
|
|
478
|
-
}
|
|
479
|
-
})();
|
|
480
|
-
${l}
|
|
481
|
-
/* inject-loading: end */`}addPluginHooks(e){const t=this.options.defaultVisible||!1,i=t?this.generateHeadInjectCode():"",n=this.generateBodyInjectCode(t);e.transformIndexHtml={order:"post",handler:s=>{let r=s;if(i){const m=/<\/head>/i;m.test(r)?r=r.replace(m,`${i}
|
|
482
|
-
</head>`):this.logger.warn("\u672A\u627E\u5230 </head> \u6807\u7B7E\uFF0CdefaultVisible \u7684\u767D\u5C4F loading \u5C06\u65E0\u6CD5\u751F\u6548")}const l=/<\/body>/i;if(l.test(r))return r=r.replace(l,`${n}
|
|
483
|
-
</body>`),this.logger.success("\u6210\u529F\u6CE8\u5165\u5168\u5C40 Loading \u72B6\u6001\u7BA1\u7406\u4EE3\u7801\u5230 HTML \u6587\u4EF6"),r;const d=/<\/html>/i;return d.test(r)?(r=r.replace(d,`${n}
|
|
484
|
-
</html>`),this.logger.success("\u6210\u529F\u6CE8\u5165\u5168\u5C40 Loading \u72B6\u6001\u7BA1\u7406\u4EE3\u7801\u5230 HTML \u6587\u4EF6"),r):(this.logger.warn("\u672A\u627E\u5230 </body> \u6216 </html> \u6807\u7B7E\uFF0CLoading \u4EE3\u7801\u8FFD\u52A0\u5230\u6587\u4EF6\u672B\u5C3E"),r+n)}}}}const injectLoading=index.createPluginFactory(M);exports.buildProgress=buildProgress,exports.copyFile=copyFile,exports.generateRouter=generateRouter,exports.generateVersion=generateVersion,exports.injectIco=injectIco,exports.injectLoading=injectLoading;
|