@epxing/cli 0.5.0-beta.0 → 0.5.0-beta.10
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/API.md +5 -5
- package/README.md +119 -96
- package/dist/cli.mjs +20 -12
- package/dist/lazy-lib.mjs +22 -22
- package/dist/lib-vite-config.mjs +1 -0
- package/dist/platform-version.mjs +48 -0
- package/dist/skills/epxing-frontend-vue3-migrate/SKILL.md +211 -144
- package/dist/skills/epxing-frontend-vue3-migrate/pitfalls.md +743 -498
- package/dist/skills/epxing-frontend-vue3-migrate/scripts/fix-eval-paths.cjs +255 -0
- package/dist/tools/chunks/7NAADJFP.mjs +45 -0
- package/dist/tools/chunks/{AMQWUBTZ.mjs → 7YE2UHC6.mjs} +2 -2
- package/dist/tools/chunks/J7B2EWKH.mjs +8 -0
- package/dist/tools/chunks/{PP5RD4RH.mjs → U27ZPQAM.mjs} +3 -3
- package/dist/tools/chunks/VASFHXYG.mjs +251 -0
- package/dist/tools/epx-create/scaffold.mjs +73 -57
- package/dist/tools/epx-migrate/detect-vue3-risks.mjs +1 -1
- package/dist/tools/epx-migrate/fix-date-formats.mjs +1 -1
- package/dist/tools/epx-migrate/fix-theme-styles.mjs +1 -1
- package/dist/tools/epx-migrate/migrate.mjs +67 -267
- package/dist/tools/epx-migrate/verify-components.mjs +6 -6
- package/dist/vite.mjs +2 -2
- package/package.json +2 -2
- package/dist/tools/chunks/H4POBCHI.mjs +0 -1
- package/dist/tools/chunks/SH6LMMHZ.mjs +0 -32
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
2
|
-
`).length,"lineAt"),r=g((e,s)=>u.add(`L${b(e)}: ${s}`),"warn");function m(e,s,t,i){let n=
|
|
1
|
+
import{a as J}from"./7NAADJFP.mjs";import{a as g,c as M,d as H}from"./J7B2EWKH.mjs";var z=M(H(),1),V=M(J(),1);import A from"node:fs";import C from"node:path";var B={sourceType:"unambiguous",plugins:["jsx","typescript"]},P=/\.(?:vue|[cm]?js|jsx|ts|tsx|css|scss|less|sass|styl|stylus)$/i,k=/@(?:media[^{}]*\bprint|page|font-face|(?:-\w+-)?keyframes)\b|(?:^|[\s.#:_-])(?:icon(?:font)?|svg|canvas|print)(?:$|[\s.#:_-])|\.fa(?:[\s.:-]|$)/i,N={2:"s",4:"base",8:"l"},I={12:"s",14:"base",16:"l",20:"xl"},X={color:{"#303133":"epx-text","#909399":"epx-text-secondary","#444":"color-text-primary","#444444":"color-text-primary","#666":"color-text-secondary","#666666":"color-text-secondary","#999":"color-text-assistant","#999999":"color-text-assistant"},"background-color":{"#fff":"epx-bg-card","#ffffff":"epx-bg-card","#f5f7fa":"epx-bg"},"border-color":{"#dcdfe6":"epx-border"}};function Z(l,f){let x=f.match(/\s*!important\s*$/i)?.[0]||"",u=f.slice(0,f.length-x.length).trim();if(/^(?:inherit|initial|unset|revert|none)$|var\(|calc\(/i.test(u))return{value:f};if(l==="font-size"){let r=/^(\d+(?:\.\d+)?)px$/i.exec(u)?.[1];return r&&I[r]?{value:`var(--epx-font-size-${I[r]}, ${u})${x}`}:/^0(?:px)?$|^[\d.]+(?:rem|em|%)$/i.test(u)?{value:f}:{value:f,review:!0}}if(/^border(?:-(?:top-left|top-right|bottom-left|bottom-right))?-radius$/.test(l))return/^(?:0(?:px)?|50%|100%|999(?:9)?px)$/i.test(u)?{value:f}:/^(?:\d+(?:\.\d+)?px|0)(?:\s+(?:\d+(?:\.\d+)?px|0)){0,3}(?:\s*\/\s*(?:\d+(?:\.\d+)?px|0)(?:\s+(?:\d+(?:\.\d+)?px|0)){0,3})?$/i.test(u)?[...u.matchAll(/(\d+(?:\.\d+)?)px/gi)].some(m=>Number(m[1])!==0&&!N[m[1]])?{value:f,review:!0}:{value:u.replace(/(\d+(?:\.\d+)?)px/gi,(m,v)=>N[v]?`var(--epx-radius-${N[v]}, ${m})`:m)+x}:{value:f,review:!0};let b=X[l]?.[u.toLowerCase()];return b?{value:`var(--${b}, ${u})${x}`}:{value:f,review:/^(?:font|font-size|border-radius)$/.test(l)}}g(Z,"themedValue");function D(l,{filename:f="component.vue"}={}){let x=new Map,u=new Set,b=g(e=>l.slice(0,e).split(`
|
|
2
|
+
`).length,"lineAt"),r=g((e,s)=>u.add(`L${b(e)}: ${s}`),"warn");function m(e,s,t,i){let n=Z(e,s);n.review&&r(t,`\u4E3B\u9898\u6837\u5F0F\u5F85\u590D\u6838 ${e}: ${s}\uFF1B\u8FFD\u8E2A\u52A8\u6001\u6765\u6E90\u6216\u786E\u8BA4\u7279\u6B8A\u5C3A\u5BF8\uFF0C\u4E0D\u4F5C\u5168\u5C40\u66FF\u6362`),n.value!==s&&x.set(t,{start:t,end:i,text:n.value,before:s,after:n.value,line:b(t)})}g(m,"value");function v(e,s,t=!1,i=""){let n=0,p="",c=0,y=0,d=[i],S=e.split("");function O(o){if(!t&&d.length<2)return;let a=S.slice(n,o).join(""),h=/^(\s*)([a-z][a-z-]*)(\s*:\s*)([\s\S]*?)\s*$/i.exec(a);if(!h)return;let j=h[2].toLowerCase();if(!/^(?:font(?:-size)?|border(?:-(?:top-left|top-right|bottom-left|bottom-right))?-radius|color|background-color|border-color)$/.test(j)||d.some(q=>k.test(q)))return;let $=n+h[1].length+h[2].length+h[3].length,T=e.slice($,$+h[4].length);if(T!==h[4]){r(s+$,"\u6837\u5F0F\u503C\u542B\u6CE8\u91CA\uFF0C\u4FDD\u7559\u539F\u6587\u5E76\u590D\u6838\u4E3B\u9898\u9002\u914D");return}m(j,T,s+$,s+$+T.length)}g(O,"declaration");for(let o=0;o<e.length;o++){let a=e[o];if(p){a==="\\"?o++:a===p&&(p="");continue}if(a==='"'||a==="'"){p=a;continue}if(a==="/"&&(e[o+1]==="*"||e[o+1]==="/"&&!c)){let h=e[o+1]==="*"?e.indexOf("*/",o+2):e.indexOf(`
|
|
3
3
|
`,o+2),j=h<0?e.length:h+(e[o+1]==="*"?2:0);for(let $=o;$<j;$++)S[$]!==`
|
|
4
|
-
`&&(S[$]=" ");o=j-1;continue}if((a==="#"||a==="@")&&e[o+1]==="{"){let h=e.indexOf("}",o+2);if(h<0){r(s+o,"\u672A\u95ED\u5408\u7684\u6837\u5F0F\u63D2\u503C\uFF0C\u9700\u4EBA\u5DE5\u590D\u6838");return}o=h;continue}a==="("&&c++,a===")"&&c--,a==="["&&y++,a==="]"&&y--,!(c||y)&&(a==="{"?(d.push(S.slice(n,o).join("").trim()),n=o+1):a===";"?(O(o),n=o+1):a==="}"&&(O(o),d.pop(),n=o+1))}t&&O(e.length)}g(v,"css");function w(e,s){if(e?.type==="StringLiteral"){let t=l.slice(s+e.start+1,s+e.end-1);if(/\\/.test(t)){r(s+e.start,"\u5185\u8054\u6837\u5F0F\u542B\u8F6C\u4E49\uFF0C\u9700\u590D\u6838");return}v(t,s+e.start+1,!0);return}if(e?.type==="ArrayExpression"){e.elements.filter(Boolean).forEach(t=>w(t,s));return}if(e?.type==="ConditionalExpression"){w(e.consequent,s),w(e.alternate,s);return}if(e?.type!=="ObjectExpression"){r(s+(e?.start||0),"\u52A8\u6001 style\uFF1A\u8FFD\u8E2A\u53D8\u91CF/\u51FD\u6570\u4E2D\u7684\u5B57\u53F7\u3001\u5706\u89D2\u3001\u989C\u8272\uFF0C\u4FDD\u7559\u7279\u6B8A\u5E03\u5C40");return}for(let t of e.properties){if(t.type!=="ObjectProperty"||t.computed){r(s+t.start,"\u52A8\u6001 style \u5C5E\u6027/\u5C55\u5F00\u5BF9\u8C61\u5F85\u8FFD\u8E2A");continue}let i=(t.key.name||t.key.value||"").replace(/[A-Z]/g,n=>"-"+n.toLowerCase());/^(?:font(?:-size)?|border(?:-(?:top-left|top-right|bottom-left|bottom-right))?-radius|color|background-color|border-color)$/.test(i)&&(t.value.type==="StringLiteral"&&!/\\/.test(l.slice(s+t.value.start,s+t.value.end))?m(i,t.value.value,s+t.value.start+1,s+t.value.end-1):r(s+t.value.start,`\u52A8\u6001/\u975E\u5B57\u7B26\u4E32 ${i} \u5F85\u590D\u6838`))}}g(w,"objectStyle");function F(e){if(!(e.type===1&&(/^(?:svg|canvas|i|el-icon)$/i.test(e.tag)||e.props.some(s=>s.type===6&&s.name==="class"&&k.test(s.value?.content||""))))){if(e.type===1&&!/^(?:svg|canvas|i|el-icon)$/i.test(e.tag)){let s=e.props.filter(t=>t.type===6&&t.name==="class").map(t=>t.value?.content||"").join(" ");if(!k.test(s)){for(let t of e.props)if(t.type===6&&t.name==="style"&&t.value){let i=l.slice(t.value.loc.start.offset+1,t.value.loc.end.offset-1);if(i!==t.value.content){r(t.loc.start.offset,"\u5185\u8054 style \u542B HTML \u5B9E\u4F53\uFF0C\u9700\u590D\u6838");continue}v(i,t.value.loc.start.offset+1,!0,s)}else if(t.type===7&&t.name==="bind"&&t.arg?.content==="style"&&t.exp)try{if(t.exp.loc.source!==t.exp.content){r(t.loc.start.offset,"style \u8868\u8FBE\u5F0F\u542B HTML \u5B9E\u4F53\uFF0C\u9700\u590D\u6838");continue}w((0,z.parseExpression)(t.exp.content,B),t.exp.loc.start.offset)}catch(i){r(t.loc.start.offset,`style \u8868\u8FBE\u5F0F\u65E0\u6CD5\u89E3\u6790\uFF1A${i.message}`)}}}e.children?.forEach(F)}}g(F,"template");function _(e,s){let t;try{t=(0,z.parse)(e,B)}catch(n){r(s,`\u811A\u672C\u65E0\u6CD5\u89E3\u6790\uFF0C\u4E3B\u9898\u6837\u5F0F\u9700\u590D\u6838\uFF1A${n.message}`);return}function i(n){if(!(!n||typeof n!="object")){if(n.type==="JSXElement"){let p=n.openingElement;if(/^(?:svg|canvas|i|el-icon|ElIcon)$/.test(p.name?.name||"")||p.attributes.some(c=>["class","className"].includes(c.name?.name)&&k.test(c.value?.value||"")))return}if(n.type==="JSXOpeningElement"){let p=n.name?.name||"",c=n.attributes.filter(y=>y.name?.name==="class"||y.name?.name==="className").map(y=>y.value?.value||"").join(" ");if(!/^(?:svg|canvas|i|el-icon|ElIcon)$/.test(p)&&!k.test(c))for(let y of n.attributes)y.name?.name==="style"&&w(y.value?.expression||y.value,s)}if(n.type==="CallExpression"&&/^(?:h|createElement|createVNode|createBlock|_createVNode|_createBlock)$/.test(n.callee?.name||"")){let p=n.arguments[1],c=n.arguments[0]?.value||n.arguments[0]?.name||"",y=p?.properties?.filter(d=>["class","className"].includes(d.key?.name||d.key?.value)).map(d=>d.value?.value||"").join(" ")||"";if(p?.type==="ObjectExpression"&&!k.test(y)&&!/^(?:svg|canvas|i|el-icon|ElIcon)$/.test(c))for(let d of p.properties)(d.key?.name||d.key?.value)==="style"&&w(d.value,s)}for(let[p,c]of Object.entries(n))["loc","comments","tokens"].includes(p)||(Array.isArray(c)?c.forEach(i):c&&typeof c=="object"&&i(c))}}g(i,"walk"),i(t)}if(g(_,"script"),/\.(?:sass|styl|stylus)$/i.test(f))r(0,"\u7F29\u8FDB\u5F0F\u6837\u5F0F\u9700\u4EBA\u5DE5\u8FC1\u79FB\u4E3B\u9898\u53D8\u91CF\uFF0C\u672A\u81EA\u52A8\u6539\u5199");else if(/\.(?:css|scss|less)$/i.test(f))v(l,0);else if(/\.vue$/i.test(f))try{let e=
|
|
4
|
+
`&&(S[$]=" ");o=j-1;continue}if((a==="#"||a==="@")&&e[o+1]==="{"){let h=e.indexOf("}",o+2);if(h<0){r(s+o,"\u672A\u95ED\u5408\u7684\u6837\u5F0F\u63D2\u503C\uFF0C\u9700\u4EBA\u5DE5\u590D\u6838");return}o=h;continue}a==="("&&c++,a===")"&&c--,a==="["&&y++,a==="]"&&y--,!(c||y)&&(a==="{"?(d.push(S.slice(n,o).join("").trim()),n=o+1):a===";"?(O(o),n=o+1):a==="}"&&(O(o),d.pop(),n=o+1))}t&&O(e.length)}g(v,"css");function w(e,s){if(e?.type==="StringLiteral"){let t=l.slice(s+e.start+1,s+e.end-1);if(/\\/.test(t)){r(s+e.start,"\u5185\u8054\u6837\u5F0F\u542B\u8F6C\u4E49\uFF0C\u9700\u590D\u6838");return}v(t,s+e.start+1,!0);return}if(e?.type==="ArrayExpression"){e.elements.filter(Boolean).forEach(t=>w(t,s));return}if(e?.type==="ConditionalExpression"){w(e.consequent,s),w(e.alternate,s);return}if(e?.type!=="ObjectExpression"){r(s+(e?.start||0),"\u52A8\u6001 style\uFF1A\u8FFD\u8E2A\u53D8\u91CF/\u51FD\u6570\u4E2D\u7684\u5B57\u53F7\u3001\u5706\u89D2\u3001\u989C\u8272\uFF0C\u4FDD\u7559\u7279\u6B8A\u5E03\u5C40");return}for(let t of e.properties){if(t.type!=="ObjectProperty"||t.computed){r(s+t.start,"\u52A8\u6001 style \u5C5E\u6027/\u5C55\u5F00\u5BF9\u8C61\u5F85\u8FFD\u8E2A");continue}let i=(t.key.name||t.key.value||"").replace(/[A-Z]/g,n=>"-"+n.toLowerCase());/^(?:font(?:-size)?|border(?:-(?:top-left|top-right|bottom-left|bottom-right))?-radius|color|background-color|border-color)$/.test(i)&&(t.value.type==="StringLiteral"&&!/\\/.test(l.slice(s+t.value.start,s+t.value.end))?m(i,t.value.value,s+t.value.start+1,s+t.value.end-1):r(s+t.value.start,`\u52A8\u6001/\u975E\u5B57\u7B26\u4E32 ${i} \u5F85\u590D\u6838`))}}g(w,"objectStyle");function F(e){if(!(e.type===1&&(/^(?:svg|canvas|i|el-icon)$/i.test(e.tag)||e.props.some(s=>s.type===6&&s.name==="class"&&k.test(s.value?.content||""))))){if(e.type===1&&!/^(?:svg|canvas|i|el-icon)$/i.test(e.tag)){let s=e.props.filter(t=>t.type===6&&t.name==="class").map(t=>t.value?.content||"").join(" ");if(!k.test(s)){for(let t of e.props)if(t.type===6&&t.name==="style"&&t.value){let i=l.slice(t.value.loc.start.offset+1,t.value.loc.end.offset-1);if(i!==t.value.content){r(t.loc.start.offset,"\u5185\u8054 style \u542B HTML \u5B9E\u4F53\uFF0C\u9700\u590D\u6838");continue}v(i,t.value.loc.start.offset+1,!0,s)}else if(t.type===7&&t.name==="bind"&&t.arg?.content==="style"&&t.exp)try{if(t.exp.loc.source!==t.exp.content){r(t.loc.start.offset,"style \u8868\u8FBE\u5F0F\u542B HTML \u5B9E\u4F53\uFF0C\u9700\u590D\u6838");continue}w((0,z.parseExpression)(t.exp.content,B),t.exp.loc.start.offset)}catch(i){r(t.loc.start.offset,`style \u8868\u8FBE\u5F0F\u65E0\u6CD5\u89E3\u6790\uFF1A${i.message}`)}}}e.children?.forEach(F)}}g(F,"template");function _(e,s){let t;try{t=(0,z.parse)(e,B)}catch(n){r(s,`\u811A\u672C\u65E0\u6CD5\u89E3\u6790\uFF0C\u4E3B\u9898\u6837\u5F0F\u9700\u590D\u6838\uFF1A${n.message}`);return}function i(n){if(!(!n||typeof n!="object")){if(n.type==="JSXElement"){let p=n.openingElement;if(/^(?:svg|canvas|i|el-icon|ElIcon)$/.test(p.name?.name||"")||p.attributes.some(c=>["class","className"].includes(c.name?.name)&&k.test(c.value?.value||"")))return}if(n.type==="JSXOpeningElement"){let p=n.name?.name||"",c=n.attributes.filter(y=>y.name?.name==="class"||y.name?.name==="className").map(y=>y.value?.value||"").join(" ");if(!/^(?:svg|canvas|i|el-icon|ElIcon)$/.test(p)&&!k.test(c))for(let y of n.attributes)y.name?.name==="style"&&w(y.value?.expression||y.value,s)}if(n.type==="CallExpression"&&/^(?:h|createElement|createVNode|createBlock|_createVNode|_createBlock)$/.test(n.callee?.name||"")){let p=n.arguments[1],c=n.arguments[0]?.value||n.arguments[0]?.name||"",y=p?.properties?.filter(d=>["class","className"].includes(d.key?.name||d.key?.value)).map(d=>d.value?.value||"").join(" ")||"";if(p?.type==="ObjectExpression"&&!k.test(y)&&!/^(?:svg|canvas|i|el-icon|ElIcon)$/.test(c))for(let d of p.properties)(d.key?.name||d.key?.value)==="style"&&w(d.value,s)}for(let[p,c]of Object.entries(n))["loc","comments","tokens"].includes(p)||(Array.isArray(c)?c.forEach(i):c&&typeof c=="object"&&i(c))}}g(i,"walk"),i(t)}if(g(_,"script"),/\.(?:sass|styl|stylus)$/i.test(f))r(0,"\u7F29\u8FDB\u5F0F\u6837\u5F0F\u9700\u4EBA\u5DE5\u8FC1\u79FB\u4E3B\u9898\u53D8\u91CF\uFF0C\u672A\u81EA\u52A8\u6539\u5199");else if(/\.(?:css|scss|less)$/i.test(f))v(l,0);else if(/\.vue$/i.test(f))try{let e=(0,V.parse)(l,{parseMode:"sfc"});for(let s of e.children.filter(t=>t.type===1))if(s.tag==="template")F(s);else if(s.tag==="style"){s.props.some(i=>i.name==="src")&&r(s.loc.start.offset,"\u5916\u90E8\u6837\u5F0F src\uFF1A\u786E\u8BA4\u5728\u6E90\u7801\u626B\u63CF\u8303\u56F4\u5185\u5E76\u590D\u6838\u4E3B\u9898");let t=s.props.find(i=>i.name==="lang")?.value?.content;if(t&&!["css","scss","less"].includes(t)){r(s.loc.start.offset,`\u6837\u5F0F\u8BED\u8A00 ${t} \u9700\u4EBA\u5DE5\u9002\u914D\u4E3B\u9898`);continue}for(let i of s.children)i.type===2&&v(i.content,i.loc.start.offset)}else if(s.tag==="script")for(let t of s.children)t.type===2&&_(t.content,t.loc.start.offset)}catch(e){r(0,`SFC \u65E0\u6CD5\u89E3\u6790\uFF0C\u4E3B\u9898\u6837\u5F0F\u9700\u590D\u6838\uFF1A${e.message}`)}else _(l,0);let L=[...x.values()].sort((e,s)=>e.start-s.start),E=l;for(let e of[...L].reverse())E=E.slice(0,e.start)+e.text+E.slice(e.end);return{src:E,count:L.length,fixes:L,warnings:[...u]}}g(D,"fixThemeStyles");function Q(l,{apply:f=!1}={}){let x=[];function u(b){for(let r of A.readdirSync(b,{withFileTypes:!0})){if(r.isSymbolicLink())continue;let m=C.join(b,r.name);if(r.isDirectory()&&!/^(?:node_modules|\.git|lib|dist)$/.test(r.name))u(m);else if(r.isFile()&&P.test(r.name)){let v=D(A.readFileSync(m,"utf8"),{filename:m});(v.count||v.warnings.length)&&x.push({file:C.relative(l,m),...v}),f&&v.count&&A.writeFileSync(m,v.src)}}}return g(u,"walk"),u(C.join(l,"src")),x}g(Q,"fixProjectThemeStyles");export{D as a,Q as b};
|
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
import{a as o}from"./J7B2EWKH.mjs";var a=`import { createRequire } from 'node:module'
|
|
2
|
+
import path from 'node:path'
|
|
3
|
+
import { spawnSync } from 'node:child_process'
|
|
4
|
+
|
|
5
|
+
const require = createRequire(import.meta.url)
|
|
6
|
+
const args = process.argv.slice(2)
|
|
7
|
+
const full = args.includes('--full') || process.env.npm_config_full === 'true'
|
|
8
|
+
const lazy = full ? 'false' : (process.env.LAZY_LIB || 'true')
|
|
9
|
+
const vite = path.join(path.dirname(require.resolve('vite/package.json')), 'bin/vite.js')
|
|
10
|
+
const result = spawnSync(process.execPath, [vite, 'build', ...args.filter(arg => arg !== '--full')], {
|
|
11
|
+
stdio: 'inherit', env: { ...process.env, LAZY_LIB: lazy }
|
|
12
|
+
})
|
|
13
|
+
if (result.error) throw result.error
|
|
14
|
+
process.exit(result.status ?? 1)
|
|
15
|
+
`;function c(n="5.3.0-beta.2"){let i=n.match(/^[~^]?(\d+)\.(\d+)\.(\d+)(?:-([\w.-]+))?$/);if(!i)return!1;let[,r,t,e,s]=i,p=Number(r)*1e6+Number(t)*1e3+Number(e);return p!==5003e3?p>5003e3:!s||/^beta\.(\d+)$/.test(s)&&Number(s.slice(5))>=2}o(c,"usesAutomaticStyles");var l=["@epxing/core/style.css","@epxing/components/style.css","@epxing/business/style.css"],m={main:`import { createApp } from '@epxing/core'
|
|
16
|
+
import Components from '@epxing/components'
|
|
17
|
+
import Business from '@epxing/business'
|
|
18
|
+
import '@epxing/theme'
|
|
19
|
+
import App from './App.vue'
|
|
20
|
+
import product from './index'
|
|
21
|
+
|
|
22
|
+
const app = createApp({ rootComponent: App })
|
|
23
|
+
app.use(Components)
|
|
24
|
+
app.use(Business)
|
|
25
|
+
app.use(product)
|
|
26
|
+
app.mount('#app')
|
|
27
|
+
`,app:`<script setup>
|
|
28
|
+
import { ref } from 'vue'
|
|
29
|
+
const count = ref(0)
|
|
30
|
+
</script>
|
|
31
|
+
|
|
32
|
+
<template>
|
|
33
|
+
<main class="product-start">
|
|
34
|
+
<h1>__NAME__</h1>
|
|
35
|
+
<p>\u4EA7\u54C1\u5DF2\u542F\u52A8\uFF0C\u53EF\u4EE5\u5F00\u59CB\u5F00\u53D1\u3002</p>
|
|
36
|
+
<button @click="count++">\u70B9\u51FB {{ count }} \u6B21</button>
|
|
37
|
+
</main>
|
|
38
|
+
</template>
|
|
39
|
+
|
|
40
|
+
<style scoped>
|
|
41
|
+
.product-start { padding: var(--epx-space-4, 24px); color: var(--epx-text); }
|
|
42
|
+
</style>
|
|
43
|
+
`};function g(n,i,r){let t=o(s=>(s||"").replaceAll(`\r
|
|
44
|
+
`,`
|
|
45
|
+
`).trim(),"normalize"),e=t(n);for(let s of l)e=e.replace(`import '${s}'
|
|
46
|
+
`,"");return e===t(m.main)&&t(i)===t(m.app.replaceAll("__NAME__",r))}o(g,"isLegacyWelcomeProduct");function x(n,i){let r={...n,"build-lib.mjs":a,"package.json":JSON.stringify({name:"__NAME__",version:"0.1.0",private:!0,runtime:"vue3",type:"module",scripts:{dev:"vite","build:lib":"node build-lib.mjs","build:lib:full":"node build-lib.mjs --full","build:lib:lazy":"cross-env LAZY_LIB=true vite build","build:app":"vite build --mode app",preview:"vite preview"},dependencies:{"@epxing/core":"__PACKAGES_VERSION__","@epxing/components":"__PACKAGES_VERSION__","@epxing/utils":"__PACKAGES_VERSION__","@epxing/business":"__PACKAGES_VERSION__","@epxing/theme":"__PACKAGES_VERSION__",vue:"3.5.39","vue-router":"4.6.4",vuex:"4.1.0","element-plus":"2.14.3"},devDependencies:{"@epxing/cli":"__CLI_VERSION__","@epxing/icons":"__PACKAGES_VERSION__",vite:"^6.0.0","@vitejs/plugin-vue":"^5.2.1","@vitejs/plugin-vue-jsx":"^4.1.1",sass:"^1.83.3","cross-env":"^7.0.3"}},null,2)+`
|
|
47
|
+
`,"vite.config.mjs":`import path from 'node:path'
|
|
48
|
+
import { fileURLToPath } from 'node:url'
|
|
49
|
+
import { createRequire } from 'node:module'
|
|
50
|
+
import { defineConfig, loadEnv } from 'vite'
|
|
51
|
+
import vue from '@vitejs/plugin-vue'
|
|
52
|
+
import vueJsx from '@vitejs/plugin-vue-jsx'
|
|
53
|
+
import { frameDeps, epxShared, lazyLib } from '@epxing/cli/vite'
|
|
54
|
+
import epxIcons from '@epxing/icons'
|
|
55
|
+
import pkg from './package.json' with { type: 'json' }
|
|
56
|
+
|
|
57
|
+
const root = path.dirname(fileURLToPath(import.meta.url))
|
|
58
|
+
const require = createRequire(import.meta.url)
|
|
59
|
+
const CONFIG_KEYS = ['IP', 'BASE_URL', 'BASE_PROJECT_NAME', 'BASE_AUTH_NAME', 'BASE_CLIENT_ID', 'BASE_SYSTEM_ID', 'BASE_APP_ID', 'ROUTER_MODE', 'MINIO_FILE_URL', 'WITH_CREDENTIALS']
|
|
60
|
+
|
|
61
|
+
export default defineConfig(({ command, mode }) => {
|
|
62
|
+
const env = loadEnv(mode, root, '')
|
|
63
|
+
const library = command === 'build' && mode !== 'app'
|
|
64
|
+
return {
|
|
65
|
+
resolve: { alias: { '@': path.resolve(root, 'src') }, dedupe: ['vue', 'vuex', 'vue-router'] },
|
|
66
|
+
server: { port: 8080 },
|
|
67
|
+
plugins: [
|
|
68
|
+
vue(), vueJsx(), epxIcons(),
|
|
69
|
+
...(library ? [
|
|
70
|
+
frameDeps(), epxShared(),
|
|
71
|
+
lazyLib({ root, enabled: process.env.LAZY_LIB === 'true', glob: './__DIRNAME__/**/*.vue', pkgName: pkg.name })
|
|
72
|
+
] : []),
|
|
73
|
+
{
|
|
74
|
+
name: 'product-runtime-config',
|
|
75
|
+
transformIndexHtml () {
|
|
76
|
+
const lines = CONFIG_KEYS.map(key => key === 'WITH_CREDENTIALS'
|
|
77
|
+
? 'window.' + key + ' = ' + JSON.stringify(env[key] === 'true')
|
|
78
|
+
: 'window.' + key + ' = ' + JSON.stringify(env[key] || ''))
|
|
79
|
+
lines.push('window.MINIO_IP = window.IP || window.location.origin + "/"')
|
|
80
|
+
return [{ tag: 'script', children: lines.join('\\n'), injectTo: 'head-prepend' }]
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
],
|
|
84
|
+
css: { preprocessorOptions: { scss: {
|
|
85
|
+
additionalData: '@import "' + require.resolve('@epxing/theme/src/theme/utils/mixins.scss').replace(/\\\\/g, '/') + '";',
|
|
86
|
+
quietDeps: true, silenceDeprecations: ['import', 'legacy-js-api', 'global-builtin']
|
|
87
|
+
} } },
|
|
88
|
+
build: library ? {
|
|
89
|
+
copyPublicDir: false,
|
|
90
|
+
outDir: 'lib',
|
|
91
|
+
lib: { entry: path.resolve(root, 'src/index.js'), name: 'library.' + pkg.name, formats: ['umd'], fileName: () => 'index.js' },
|
|
92
|
+
rollupOptions: { output: { exports: 'default', assetFileNames: asset =>
|
|
93
|
+
(asset.names || [asset.name]).some(name => String(name).endsWith('.css')) ? 'index.css' : 'assets/[name]-[hash][extname]' } }
|
|
94
|
+
} : { outDir: 'dist' }
|
|
95
|
+
}
|
|
96
|
+
})
|
|
97
|
+
`,"src/main.js":`import { createApp, createFrameRouter } from '@epxing/core'
|
|
98
|
+
// import { installLegacyFrame } from '@epxing/core'
|
|
99
|
+
import Components from '@epxing/components'
|
|
100
|
+
import Business from '@epxing/business'
|
|
101
|
+
import '@epxing/theme'
|
|
102
|
+
import product from './index'
|
|
103
|
+
|
|
104
|
+
// core \u63D0\u4F9B\u57FA\u7840\u8DEF\u7531\u89C6\u56FE\uFF1B\u672A\u4F7F\u7528\u4E1A\u52A1\u529F\u80FD\u65F6\u53EF\u79FB\u9664 Business \u7684\u5BFC\u5165\u548C\u5B89\u88C5\u3002
|
|
105
|
+
const app = createApp({ router: createFrameRouter() })
|
|
106
|
+
app.use(Components)
|
|
107
|
+
app.use(Business)
|
|
108
|
+
// \u9700\u8981\u52A0\u8F7D\u4F9D\u8D56 window.frame \u7684\u65E7\u8FDC\u7A0B\u5E93\u65F6\uFF0C\u53D6\u6D88\u5BFC\u5165\u4E0E\u8C03\u7528\u7684\u6CE8\u91CA\uFF08core >= 5.3.0-beta.5\uFF09\u3002
|
|
109
|
+
// installLegacyFrame(app)
|
|
110
|
+
app.use(product)
|
|
111
|
+
app.mount('#app')
|
|
112
|
+
`,"src/__DIRNAME__/DemoList.vue":`<script>
|
|
113
|
+
import { EntityList } from '@epxing/components'
|
|
114
|
+
export default {
|
|
115
|
+
name: 'epx-__NAME__-demo-list',
|
|
116
|
+
extends: EntityList
|
|
117
|
+
// \u914D\u7F6E\u771F\u5B9E metaId\u3001listFields\u3001operates \u540E\uFF0C\u5728\u4EA7\u54C1\u9875\u9762\u4E2D\u4F7F\u7528\u3002
|
|
118
|
+
}
|
|
119
|
+
</script>
|
|
120
|
+
<style lang="scss" scoped>
|
|
121
|
+
.epx-__NAME__-demo-card {
|
|
122
|
+
@include epx-card;
|
|
123
|
+
font-size: var(--epx-font-size-base, 14px);
|
|
124
|
+
}
|
|
125
|
+
</style>
|
|
126
|
+
`,"README.md":`# __NAME__
|
|
127
|
+
|
|
128
|
+
\u57FA\u4E8E @epxing/* \u72EC\u7ACB\u5305\u7684 Vue 3 \u4EA7\u54C1\u3002\u8BE6\u7EC6\u8BF4\u660E\u89C1 [\u4EA7\u54C1\u4F7F\u7528\u6587\u6863](./PRODUCT-GUIDE.md)\u3002
|
|
129
|
+
|
|
130
|
+
\`\`\`sh
|
|
131
|
+
npm install --registry https://registry.npmjs.org/
|
|
132
|
+
npm run dev
|
|
133
|
+
npx epxing lib
|
|
134
|
+
npx epxing lib --full
|
|
135
|
+
npm run build:app
|
|
136
|
+
\`\`\`
|
|
137
|
+
|
|
138
|
+
\u672C\u5730\u9884\u89C8\u9ED8\u8BA4\u7AEF\u53E3 8080\uFF0C\u9ED8\u8BA4\u6253\u5F00\u5E73\u53F0\u7CFB\u7EDF\u3002\u542F\u52A8\u524D\u5728 .env.development.local \u914D\u7F6E\u540E\u7AEF\u53CA\u5BA2\u6237\u7AEF\u3001\u7CFB\u7EDF\u3001\u5E94\u7528\u53C2\u6570\uFF1B\u767B\u5F55\u3001\u83DC\u5355\u548C\u9996\u9875\u4F7F\u7528\u5E73\u53F0\u914D\u7F6E\u3002
|
|
139
|
+
`,"PRODUCT-GUIDE.md":u};if(!c(i)){let t=l.map(e=>`import '${e}'`).join(`
|
|
140
|
+
`);for(let e of["src/main.js","PRODUCT-GUIDE.md"])r[e]=r[e].replace("import '@epxing/theme'",`import '@epxing/theme'
|
|
141
|
+
`+t)}return r}o(x,"createPackageTemplates");var u=`# \u4EA7\u54C1\u5F00\u53D1\u4E0E\u5347\u7EA7\u4F7F\u7528\u8BF4\u660E
|
|
142
|
+
|
|
143
|
+
<!-- epxing-generated-product-guide -->
|
|
144
|
+
|
|
145
|
+
\u5E73\u53F0\u5305\u7248\u672C\uFF1A\`__PACKAGES_VERSION__\`\uFF1BCLI \u7248\u672C\uFF1A\`__CLI_VERSION__\`\u3002CLI \u4E0E\u5E73\u53F0\u5305\u5206\u522B\u5347\u7EA7\u3002
|
|
146
|
+
|
|
147
|
+
\u521B\u5EFA\u6216\u5347\u7EA7\u65F6\u4E0D\u586B\u7248\u672C\uFF0CCLI \u81EA\u52A8\u9009\u62E9\u6700\u65B0 beta\uFF08\u6CA1\u6709 beta \u65F6\u4F7F\u7528 latest\uFF09\uFF0C\u5E76\u5C06\u5177\u4F53\u7248\u672C\u5199\u5165\u4F9D\u8D56\u3002\u9700\u8981\u590D\u73B0\u6307\u5B9A\u7248\u672C\u65F6\u4F7F\u7528 --packages-version\uFF1B\u57FA\u7840\u7EC4\u4EF6\u7EDF\u4E00\u4ECE @epxing/components \u5BFC\u5165\u3002
|
|
148
|
+
|
|
149
|
+
## \u5B89\u88C5\u4E0E\u542F\u52A8
|
|
150
|
+
|
|
151
|
+
\`\`\`sh
|
|
152
|
+
npm install --registry https://registry.npmjs.org/
|
|
153
|
+
npm run dev
|
|
154
|
+
\`\`\`
|
|
155
|
+
|
|
156
|
+
\u672C\u5730\u9ED8\u8BA4 \`http://localhost:8080\`\uFF0C\u6253\u5F00\u7684\u662F\u5E73\u53F0\u7CFB\u7EDF\u3002\u5148\u5728 \`.env.development.local\` \u914D\u7F6E IP\u3001BASE_PROJECT_NAME\u3001BASE_AUTH_NAME\u3001BASE_CLIENT_ID\u3001BASE_SYSTEM_ID\u3001BASE_APP_ID\uFF0C\u6307\u5411\u5B9E\u9645\u540E\u7AEF\u548C\u5E94\u7528\u3002\u767B\u5F55\u3001\u83DC\u5355\u3001\u6743\u9650\u3001\u9996\u9875\u5747\u7531\u5E73\u53F0\u63D0\u4F9B\uFF0C\u9700\u8981\u53EF\u7528\u540E\u7AEF\u3002
|
|
157
|
+
|
|
158
|
+
## \u5E94\u7528\u5165\u53E3
|
|
159
|
+
|
|
160
|
+
\`\`\`js
|
|
161
|
+
import { createApp, createFrameRouter } from '@epxing/core'
|
|
162
|
+
// import { installLegacyFrame } from '@epxing/core'
|
|
163
|
+
import Components from '@epxing/components'
|
|
164
|
+
import Business from '@epxing/business'
|
|
165
|
+
import '@epxing/theme'
|
|
166
|
+
import product from './index'
|
|
167
|
+
|
|
168
|
+
const app = createApp({ router: createFrameRouter() })
|
|
169
|
+
app.use(Components)
|
|
170
|
+
app.use(Business)
|
|
171
|
+
// \u9700\u8981\u52A0\u8F7D\u4F9D\u8D56 window.frame \u7684\u65E7\u8FDC\u7A0B\u5E93\u65F6\uFF0C\u53D6\u6D88\u5BFC\u5165\u4E0E\u8C03\u7528\u7684\u6CE8\u91CA\uFF08core >= 5.3.0-beta.5\uFF09\u3002
|
|
172
|
+
// installLegacyFrame(app)
|
|
173
|
+
app.use(product)
|
|
174
|
+
app.mount('#app')
|
|
175
|
+
\`\`\`
|
|
176
|
+
|
|
177
|
+
createApp \u8FD4\u56DE Vue App\uFF0C\u9ED8\u8BA4\u521B\u5EFA\u72EC\u7ACB store\u3001hash router \u548C HTTP \u5BA2\u6237\u7AEF\u3002\u9700\u8981\u81EA\u5B9A\u4E49\u65F6\u4F20\u5165 \`{ rootComponent, store, router, http: productHttp }\`\u3002\u4EA7\u54C1 HTTP \u5BA2\u6237\u7AEF\u9700\u5B9E\u73B0\u9875\u9762\u5B9E\u9645\u8C03\u7528\u7684 find/get/list/save \u7B49\u534F\u8BAE\u3002
|
|
178
|
+
|
|
179
|
+
installLegacyFrame \u9ED8\u8BA4\u6CE8\u91CA\uFF0C\u9700\u517C\u5BB9\u4F9D\u8D56 window.frame \u7684\u65E7\u8FDC\u7A0B\u5E93\u65F6\u624B\u52A8\u53D6\u6D88\u4E24\u5904\u6CE8\u91CA\u3002\u8981\u6C42 core 5.3.0-beta.5 \u6216\u4EE5\u4E0A\u7248\u672C\uFF0C\u5728\u6240\u9700\u7EC4\u4EF6\u5305\u5B89\u88C5\u540E\u3001\u8FDC\u7A0B\u5E93\u52A0\u8F7D\u524D\u8C03\u7528\uFF1B\u5B83\u590D\u7528\u5DF2\u5B89\u88C5\u5305\u7684\u5171\u4EAB\u7EC4\u4EF6\uFF0C\u4E0D\u81EA\u52A8\u5B89\u88C5 business \u6216 dashboard\u3002\u65E7\u63D2\u4EF6\u7684 Vue2 \u6E32\u67D3\u517C\u5BB9\u4ECD\u7531\u8FDC\u7A0B\u52A0\u8F7D\u5668\u81EA\u52A8\u9009\u62E9\u3002
|
|
180
|
+
|
|
181
|
+
\u4ECE\u5E73\u53F0\u5305 5.3.0-beta.2 \u8D77\uFF0Ccore\u3001component/components\u3001business\u3001designer\u3001dashboard \u7684 JS \u5165\u53E3\u81EA\u52A8\u52A0\u8F7D\u672C\u5305\u805A\u5408\u6837\u5F0F\uFF0C\u6839\u5BFC\u5165\u548C\u7EC4\u4EF6\u5B50\u8DEF\u5F84\u90FD\u65E0\u9700\u624B\u52A8 import style.css\u3002utils \u548C icons \u5DE5\u5177\u4E0D\u52A0\u8F7D UI \u6837\u5F0F\uFF1Btheme \u4ECD\u662F\u663E\u5F0F\u4F7F\u7528\u7684 SCSS \u6E90\u7801\u5305\u3002\u81EA\u52A8\u52A0\u8F7D\u6309\u5305\u805A\u5408\uFF0C\u4E0D\u662F\u5355\u4E2A\u7EC4\u4EF6\u7684 CSS \u88C1\u526A\u3002
|
|
182
|
+
|
|
183
|
+
\u4FDD\u7559 style.css \u5165\u53E3\u4EE5\u517C\u5BB9\u65E7\u4EE3\u7801\uFF1B\u5DF2\u6709\u624B\u52A8\u5BFC\u5165\u53EF\u4EE5\u5220\u9664\u3002\u4EA7\u54C1\u8986\u76D6\u6837\u5F0F\u653E\u5728\u6846\u67B6\u5BFC\u5165\u4E4B\u540E\u3002CLI \u6307\u5B9A\u65E7\u7248\u672C\u6216\u65E0\u6CD5\u786E\u5B9A\u7248\u672C\u4E0B\u9650\u7684\u6807\u7B7E\u65F6\uFF0C\u4F1A\u4FDD\u5B88\u4FDD\u7559\u663E\u5F0F CSS \u5BFC\u5165\u3002
|
|
184
|
+
|
|
185
|
+
\u9ED8\u8BA4\u6839\u7EC4\u4EF6\u7531 core \u63D0\u4F9B\uFF0C\u8D1F\u8D23\u8DEF\u7531\u51FA\u53E3\u3001\u8DEF\u7531\u5237\u65B0\u7B56\u7565\u548C\u4E3B\u9898\u521D\u59CB\u5316\uFF1BcreateFrameRouter \u63D0\u4F9B\u5E73\u53F0\u8DEF\u7531\u548C\u767B\u5F55\u5B88\u536B\u3002core \u63D0\u4F9B\u7684 App \u5728\u5E94\u7528\u914D\u7F6E\u52A0\u8F7D\u540E\u8BFB\u53D6 FIRST_PAGE / MOBILE_FIRST_PAGE\uFF0C\u8FDB\u5165\u7CFB\u7EDF\u9996\u9875\uFF0C\u4E0D\u5E94\u76F4\u63A5\u66FF\u6362\u6700\u5916\u5C42\u8DEF\u7531\u6839\u7EC4\u4EF6\u3002components \u63D0\u4F9B AppIndex\u3001\u767B\u5F55\u548C\u57FA\u7840\u7EC4\u4EF6\uFF0C\u4EA7\u54C1\u901A\u8FC7 app.use(product) \u6CE8\u518C\u81EA\u5DF1\u7684\u7EC4\u4EF6\u3002\u672A\u4F7F\u7528\u5F85\u529E\u3001\u5E2E\u52A9\u7B49\u4E1A\u52A1\u529F\u80FD\u65F6\uFF0C\u53EF\u79FB\u9664 Business \u7684\u5BFC\u5165\u548C\u5B89\u88C5\u3002
|
|
186
|
+
|
|
187
|
+
\u9700\u8981\u5B8C\u5168\u81EA\u5EFA\u5E94\u7528\u65F6\uFF0C\u624D\u4F20\u5165\u81EA\u5DF1\u7684 rootComponent\u3001router \u6216 routes\u3002\u4EA7\u54C1\u7EC4\u4EF6\u653E\u5728 src/__DIRNAME__/\uFF0C\u901A\u8FC7\u5E73\u53F0\u9875\u9762\u7EC4\u4EF6\u914D\u7F6E\u4F7F\u7528\uFF1B\u5F00\u53D1\u5165\u53E3 src/main.js \u4E0D\u8FDB\u5165\u8FDC\u7A0B\u4EA7\u54C1\u5E93\uFF0C\u5E93\u6784\u5EFA\u53EA\u8BFB\u53D6 src/index.js\u3002
|
|
188
|
+
|
|
189
|
+
## \u7EC4\u4EF6\u4E0E\u5DE5\u5177
|
|
190
|
+
|
|
191
|
+
\`\`\`js
|
|
192
|
+
import { EntityList, AddForm, AddFormItem } from '@epxing/components'
|
|
193
|
+
import { UserFind, EntityTreeManage } from '@epxing/business'
|
|
194
|
+
import { mixins, getSystemMeta, getFileUrl, http, createFieldFactory } from '@epxing/core'
|
|
195
|
+
import { cloneDeep, moment, resolvePlaceholders, storage } from '@epxing/utils'
|
|
196
|
+
|
|
197
|
+
export default {
|
|
198
|
+
name: 'epx-__NAME__-employee-list',
|
|
199
|
+
extends: EntityList,
|
|
200
|
+
metaId: '\u4EA7\u54C1\u5B9E\u9645\u5143\u6570\u636EID',
|
|
201
|
+
pageSize: 20
|
|
202
|
+
}
|
|
203
|
+
\`\`\`
|
|
204
|
+
|
|
205
|
+
\u914D\u7F6E\u9A71\u52A8\u7EC4\u4EF6\u7ECF $configs \u8BFB\u53D6\u5408\u6210\u914D\u7F6E\u3002ComponentMixin/mixins.component \u63D0\u4F9B\u9875\u9762\u4E0A\u4E0B\u6587\uFF1B\u666E\u901A Vue props \u4E0E\u914D\u7F6E\u9879\u8BF7\u6309\u5404\u7EC4\u4EF6 API \u4F7F\u7528\u3002\`runExpByScope.call(vm, scopes, data)\` \u4FDD\u7559\u7EC4\u4EF6\u4E0A\u4E0B\u6587\u3002\u9ED8\u8BA4\u5DE5\u5177\u5BF9\u8C61\u4E0E\u5177\u540D API \u4EE5\u5BF9\u5E94\u5305 API.md \u4E3A\u51C6\u3002
|
|
206
|
+
|
|
207
|
+
\u9700\u8981\u8BBE\u8BA1\u5668/\u770B\u677F\u65F6\uFF0C\u5B89\u88C5\u540C\u7248\u672C \`@epxing/designer\` / \`@epxing/dashboard\`\uFF0C\u5728\u672C\u5730\u5E94\u7528\u5BFC\u5165\u5E76\u5B89\u88C5\u63D2\u4EF6\uFF0C\u6837\u5F0F\u81EA\u52A8\u52A0\u8F7D\u3002\u8FDC\u7A0B\u4EA7\u54C1\u4F7F\u7528\u516C\u5F00\u7EC4\u4EF6\uFF0C\u5BBF\u4E3B\u8D1F\u8D23\u5B89\u88C5\u8BBE\u8BA1/\u4E1A\u52A1\u63D2\u4EF6\u53CA\u52A0\u8F7D\u5176\u6837\u5F0F\u3002
|
|
208
|
+
|
|
209
|
+
\u5404\u5305 API.md \u968F\u5B89\u88C5\u5305\u63D0\u4F9B\uFF0C\u53EF\u5728 node_modules/@epxing/<\u5305\u540D>/API.md \u67E5\u770B\u3002\u57FA\u7840\u7EC4\u4EF6\u7EDF\u4E00\u4F7F\u7528 @epxing/components\uFF0C\u65B0\u4EE3\u7801\u4F7F\u7528\u6839\u5BFC\u51FA\u53CA\u7A33\u5B9A\u5B50\u8DEF\u5F84\u3002
|
|
210
|
+
|
|
211
|
+
## \u72EC\u7ACB\u5E94\u7528\u4E0E\u8FDC\u7A0B\u4EA7\u54C1\u5E93
|
|
212
|
+
|
|
213
|
+
\`\`\`sh
|
|
214
|
+
npm run build:app # dist/\uFF1A\u72EC\u7ACB\u5E94\u7528\uFF0C\u4F7F\u7528 npm \u5305
|
|
215
|
+
npx epxing lib # lib/\uFF1A\u9ED8\u8BA4\u6309\u9700\u4EA7\u54C1\u5E93
|
|
216
|
+
npx epxing lib --full # lib/\uFF1A\u5B8C\u6574\u4EA7\u54C1\u5E93
|
|
217
|
+
npm run build:lib # \u9ED8\u8BA4\u61D2\u52A0\u8F7D\uFF0C\u4E0A\u4F20\u6574\u4E2A lib/ \u76EE\u5F55
|
|
218
|
+
npm run build:lib --full # \u663E\u5F0F\u5168\u91CF\u6784\u5EFA\uFF0C\u4E5F\u53EF\u7528 build:lib:full
|
|
219
|
+
npm run build:lib:lazy # \u663E\u5F0F\u6309\u9700\u5E93\u6784\u5EFA
|
|
220
|
+
\`\`\`
|
|
221
|
+
|
|
222
|
+
vite.config.mjs \u53EA\u5728\u8FDC\u7A0B\u5E93\u6784\u5EFA\u542F\u7528 epxShared\u3002\u5B83\u5C06\u516C\u5F00 core/component/utils/business/designer \u548C Vue \u5BFC\u5165\u8FDE\u63A5\u5230\u5BBF\u4E3B\u5171\u4EAB\u547D\u540D\u7A7A\u95F4\uFF0C\u907F\u514D\u91CD\u590D\u6253\u5305\u8FD0\u884C\u65F6\uFF1B\u4E0D\u652F\u6301\u7684\u6DF1\u8DEF\u5F84\u4F1A\u5728\u6784\u5EFA\u65F6\u62A5\u9519\u3002\u5BBF\u4E3B\u5FC5\u987B\u5B89\u88C5\u76F8\u540C\u7248\u672C\u7684\u5E73\u53F0\u5305\uFF0C\u5E76\u5148\u5B8C\u6210\u5BF9\u5E94\u7EC4\u4EF6\u7EC4\u7684\u52A0\u8F7D\u3002\u770B\u677F\u8FDC\u7A0B\u5171\u4EAB\u5165\u53E3\u5C1A\u672A\u63D0\u4F9B\uFF0C\u4F7F\u7528\u770B\u677F\u7684\u8FDC\u7A0B\u4EA7\u54C1\u5E94\u7531\u5BBF\u4E3B\u63D0\u4F9B\u6CE8\u518C\u7EC4\u4EF6\u5E76\u6838\u5BF9\u6784\u5EFA\u4F9D\u8D56\u3002
|
|
223
|
+
|
|
224
|
+
\u5E93\u5165\u53E3\u4FDD\u7559\u7EC4\u4EF6\u6536\u96C6\u3001install \u5E42\u7B49\u548C runtime: vue3\u3002\u65B0\u589E\u7EC4\u4EF6\u653E\u5165 src/__DIRNAME__/ \u5373\u81EA\u52A8\u6536\u96C6\uFF1B\u4EA7\u54C1\u81EA\u6709\u8DEF\u7531\u548C store \u6A21\u5757\u5E94\u5728 install(app) \u4E2D\u6CE8\u518C\uFF0C\u5E76\u786E\u4FDD\u91CD\u590D\u5B89\u88C5\u5B89\u5168\u3002
|
|
225
|
+
|
|
226
|
+
\u6309\u9700\u4EA7\u7269\u5FC5\u987B\u4E0A\u4F20\u6574\u4E2A lib/ \u76EE\u5F55\uFF0C\u5305\u62EC chunks\u3001shims\u3001index.manifest.json\u3001index.full.js \u548C\u6837\u5F0F\u3002\u5E73\u53F0 FM_SYSTEM_WEBPACK \u4ECD\u914D\u7F6E index.js / index.css URL\uFF0Cindex.deps.json \u4E0E\u5165\u53E3\u540C\u76EE\u5F55\u90E8\u7F72\u3002\u72EC\u7ACB\u5E94\u7528\u90E8\u7F72 dist/\u3002
|
|
227
|
+
|
|
228
|
+
## \u5B58\u91CF\u4EA7\u54C1\u5347\u7EA7
|
|
229
|
+
|
|
230
|
+
\`\`\`sh
|
|
231
|
+
epxing migrate .
|
|
232
|
+
epxing migrate . --apply
|
|
233
|
+
epxing migrate . --transform-vue --to-vite --apply
|
|
234
|
+
# \u56FA\u5B9A\u5230\u5F53\u524D\u7248\u672C\uFF1Aepxing migrate . --packages-version __PACKAGES_VERSION__
|
|
235
|
+
\`\`\`
|
|
236
|
+
|
|
237
|
+
\u9ED8\u8BA4\u53EA\u8BFB\u9884\u89C8\uFF1B--apply \u8981\u6C42 Git \u5DE5\u4F5C\u6811\u5E72\u51C0\u3002\u5347\u7EA7\u4FDD\u7559\u4E1A\u52A1\u7EC4\u4EF6\u3001\u8DEF\u7531\u3001store \u548C\u81EA\u5B9A\u4E49\u914D\u7F6E\uFF0C\u53EA\u81EA\u52A8\u6539\u5199\u786E\u5B9A\u7684\u5BFC\u5165\u53CA\u5165\u53E3\u3002\u52A8\u6001\u53D6\u503C\u3001\u672A\u77E5\u65E7\u63A5\u53E3\u3001\u672A\u652F\u6301\u7684\u6E90\u7801\u8DEF\u5F84\u8FDB\u5165 MIGRATION-REPORT.md \u4EBA\u5DE5\u6E05\u5355\uFF1B\u5B58\u5728\u65E0\u6CD5\u5B8C\u6574\u5207\u6362\u7684\u65E7\u5165\u53E3\u65F6\uFF0C\u4E0D\u6DF7\u88C5\u4E24\u5957\u8FD0\u884C\u65F6\uFF0C\u5148\u4FDD\u7559\u65E7\u6A21\u5F0F\u5E76\u5B8C\u6210\u6E05\u5355\u518D\u5347\u7EA7\u3002
|
|
238
|
+
|
|
239
|
+
\u65E7 CLI \u751F\u6210\u7684\u8BA1\u6570\u6B22\u8FCE\u9875\uFF0C\u4EC5\u5728 src/main.js \u4E0E src/App.vue \u5747\u4FDD\u6301\u539F\u6837\u65F6\u81EA\u52A8\u4FEE\u590D\u4E3A\u5E73\u53F0\u8DEF\u7531\u5165\u53E3\u3002\u81EA\u5B9A\u4E49\u5165\u53E3\u4E0D\u8986\u76D6\uFF0C\u53EF\u6309\u4E0A\u9762\u7684\u5E94\u7528\u5165\u53E3\u793A\u4F8B\u624B\u52A8\u8C03\u6574\uFF1B\u65E7 App.vue \u4FDD\u7559\u4F46\u4E0D\u518D\u4F5C\u4E3A\u542F\u52A8\u5165\u53E3\u3002
|
|
240
|
+
|
|
241
|
+
Vue 2 \u8BED\u6CD5\u8F6C\u6362\u3001\u7B2C\u4E09\u65B9\u7EC4\u4EF6\u66FF\u6362\u3001\u65E5\u671F\u53C2\u6570\u3001\u4E3B\u9898\u548C\u6837\u5F0F\u9694\u79BB\u9700\u7ED3\u5408\u62A5\u544A\u590D\u6838\u3002\u6784\u5EFA\u901A\u8FC7\u540E\u4ECD\u9700\u5728\u771F\u5B9E\u540E\u7AEF\u9A8C\u6536\u767B\u5F55\u3001\u6743\u9650\u3001\u5217\u8868\u3001\u8868\u5355\u3001\u5F39\u5C42\u53CA\u5173\u952E\u6D41\u7A0B\u3002
|
|
242
|
+
|
|
243
|
+
## \u66F4\u65B0\u7248\u672C
|
|
244
|
+
|
|
245
|
+
\`\`\`sh
|
|
246
|
+
npm install -g @epxing/cli@beta --registry https://registry.npmjs.org/
|
|
247
|
+
epxing --version
|
|
248
|
+
\`\`\`
|
|
249
|
+
|
|
250
|
+
\u6D4B\u8BD5\u7248\u4F7F\u7528 beta \u6807\u7B7E\uFF1B\u4EA7\u54C1\u5C06 @epxing \u5E73\u53F0\u5305\u56FA\u5B9A\u5728\u540C\u4E00\u5DF2\u9A8C\u8BC1\u7248\u672C\u3002CLI \u66F4\u65B0\u4E0D\u4F1A\u81EA\u52A8\u6539\u4EA7\u54C1\u4F9D\u8D56\uFF0C\u6309 migrate \u9884\u89C8\u3001\u5BA1\u9605\u3001\u5E94\u7528\u3001\u5B89\u88C5\u3001\u6784\u5EFA\u548C\u9A8C\u6536\u7684\u987A\u5E8F\u66F4\u65B0\u3002
|
|
251
|
+
`;export{a,c as b,l as c,g as d,x as e};
|