zmp-cli 3.15.6 → 3.15.7

package/create/templates/vue/copy-assets.js

@@ -1,67 +1 @@
-const path = require('path');
-const generateHomePage = require('./generate-home-page');
-const generateRoot = require('./generate-root');
-const generateStore = require('../generate-store');
-
-module.exports = (options) => {
-  const cwd = options.cwd || process.cwd();
-  const { bundler } = options;
-  const toCopy = [];
-
-  // Copy Pages
-  const pages = ['settings'];
-
-  pages.forEach((p) => {
-    const src = path.resolve(__dirname, 'pages', `${p}.vue`);
-    const dest = path.resolve(cwd, 'src', 'pages', `${p}.vue`);
-    toCopy.push({
-      from: src,
-      to: dest,
-    });
-  });
-  toCopy.push({
-    content: generateHomePage(options),
-    to: path.resolve(cwd, 'src', 'pages', 'index.vue'),
-  });
-  toCopy.push({
-    content: generateRoot(options),
-    to: path.resolve(cwd, 'src', 'components', 'app.vue'),
-  });
-  toCopy.push({
-    content: generateStore(options),
-    to: path.resolve(cwd, 'src', 'store.js'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'vite.config.js'),
-    to: path.resolve(cwd, 'vite.config.js'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'global-components.d.ts'),
-    to: path.resolve(cwd, 'src', 'global-components.d.ts'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'components', 'header.vue'),
-    to: path.resolve(cwd, 'src', 'components', 'header.vue'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'components', 'sun-and-moon.vue'),
-    to: path.resolve(cwd, 'src', 'components', 'sun-and-moon.vue'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'icons', 'sun.svg'),
-    to: path.resolve(cwd, 'src', 'static', 'icons', 'sun.svg'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'icons', 'moon.svg'),
-    to: path.resolve(cwd, 'src', 'static', 'icons', 'moon.svg'),
-  });
-
-
-  if (bundler) {
-    toCopy.push({
-      from: path.resolve(__dirname, 'babel.config.js'),
-      to: path.resolve(cwd, 'babel.config.js'),
-    });
-  }
-  return toCopy;
-};
+"use strict";const e=require("path"),o=require("./generate-home-page"),s=require("./generate-root"),r=require("../generate-store");module.exports=n=>{let t=n.cwd||process.cwd(),{bundler:c}=n,v=[];return["settings"].forEach(o=>{let s=e.resolve(__dirname,"pages",`${o}.vue`),r=e.resolve(t,"src","pages",`${o}.vue`);v.push({from:s,to:r})}),v.push({content:o(n),to:e.resolve(t,"src","pages","index.vue")}),v.push({content:s(n),to:e.resolve(t,"src","components","app.vue")}),v.push({content:r(n),to:e.resolve(t,"src","store.js")}),v.push({from:e.resolve(__dirname,"vite.config.js"),to:e.resolve(t,"vite.config.js")}),v.push({from:e.resolve(__dirname,"global-components.d.ts"),to:e.resolve(t,"src","global-components.d.ts")}),v.push({from:e.resolve(__dirname,"components","header.vue"),to:e.resolve(t,"src","components","header.vue")}),v.push({from:e.resolve(__dirname,"components","sun-and-moon.vue"),to:e.resolve(t,"src","components","sun-and-moon.vue")}),v.push({from:e.resolve(__dirname,"icons","sun.svg"),to:e.resolve(t,"src","static","icons","sun.svg")}),v.push({from:e.resolve(__dirname,"icons","moon.svg"),to:e.resolve(t,"src","static","icons","moon.svg")}),c&&v.push({from:e.resolve(__dirname,"babel.config.js"),to:e.resolve(t,"babel.config.js")}),v};

package/create/templates/vue/generate-home-page.js

@@ -1,9 +1,4 @@
-const indent = require('../../utils/indent');
-
-module.exports = (options) => {
-  const { name, template } = options;
-
-  return indent(0, `
+"use strict";const e=require("../../utils/indent");module.exports=t=>{let{name:o,template:m}=t;return e(0,`
   <template>
     <zmp-page name="home" :theme-dark="darkMode">
       <Header />
@@ -52,5 +47,4 @@ module.exports = (options) => {
 
   const darkMode = useStore('darkMode');
   </script>
-  `).trim();
-};
+  `).trim()};

package/create/templates/vue/generate-root.js

@@ -1,12 +1,4 @@
-const indent = require('../../utils/indent');
-const templateIf = require('../../utils/template-if');
-const appParameters = require('../app-parameters');
-
-module.exports = (options) => {
-  const { template, type, theming, customBuild } = options;
-
-  return indent(0,
-    `
+"use strict";const r=require("../../utils/indent");require("../../utils/template-if");const e=require("../app-parameters");module.exports=t=>{let{template:a,type:p,theming:s,customBuild:m}=t;return r(0,`
     <template>
       <zmp-app v-bind="zmpparams">
         <!-- Your main view, should have "view-main" class -->
@@ -23,7 +15,7 @@ module.exports = (options) => {
       setup() {
         // ZMP Parameters
         const zmpparams = {
-          ${indent(6, appParameters(options)).trim()}
+          ${r(6,e(t)).trim()}
         };
 
         onMounted(() => {
@@ -45,6 +37,4 @@ module.exports = (options) => {
       }
     }
     </script>
-  `
-  ).trim();
-};
+  `).trim()};

package/create/templates/vue/generate-routes.js

@@ -1,7 +1 @@
-module.exports = (options) => {
-  const { template } = options;
-
-  const routes = ['settings'];
-
-  return routes;
-};
+"use strict";module.exports=t=>{let{template:e}=t;return["settings"]};

package/create/templates/vue/generate-scripts.js

@@ -1,42 +1,28 @@
-const templateIf = require('../../utils/template-if');
-const indent = require('../../utils/indent');
-const stylesExtension = require('../../utils/styles-extension');
-
-module.exports = (options) => {
-  const {
-    cssPreProcessor,
-    theming,
-    customBuild,
-    includeTailwind
-  } = options;
-
-  let scripts = '';
-
-  scripts += indent(0, `
+"use strict";const p=require("../../utils/template-if"),t=require("../../utils/indent"),o=require("../../utils/styles-extension");module.exports=e=>{let{cssPreProcessor:s,theming:r,customBuild:m,includeTailwind:i}=e,n="";return(n+=t(0,`
     // Import Vue
     import { createApp } from 'vue';
 
     // Import ZMP
-    import ZMP from '${customBuild ? './zmp-custom.js' : 'zmp-framework/core/lite-bundle'}';
+    import ZMP from '${m?"./zmp-custom.js":"zmp-framework/core/lite-bundle"}';
 
     // Import ZMP-Vue Plugin
-    import ZMPVue, { registerComponents } from 'zmp-vue/bundle';${includeTailwind ? `
+    import ZMPVue, { registerComponents } from 'zmp-vue/bundle';${i?`
 
     // Import tailwind styles
-    import './css/tailwind.css';` : ''}
+    import './css/tailwind.css';`:""}
 
     // Import ZMP Styles
-    ${templateIf(customBuild, () => `
+    ${p(m,()=>`
     import '../css/zmp-custom.less';
-    `, () => `
+    `,()=>`
     import 'zmp-framework/zmp-bundle.min.css';
     `)}
 
     // Import Icons and App Custom Styles
-    ${templateIf(theming.iconFonts, () => `
+    ${p(r.iconFonts,()=>`
     import './css/icons.css';
     `)}
-    import './css/app.${stylesExtension(cssPreProcessor)}';
+    import './css/app.${o(s)}';
 
     // Import App Component
     import App from './components/app.vue';
@@ -57,7 +43,4 @@ module.exports = (options) => {
 
     // Mount the app
     app.mount('#app');
-  `);
-
-  return scripts.trim();
-};
+  `)).trim()};

package/create/templates/vue/global-components.d.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/create/templates/zaui/copy-assets.js

@@ -1,90 +1 @@
-const path = require('path');
-const generateHomePage = require('./generate-home-page');
-const generateRoot = require('./generate-root');
-const generateRecoil = require('../generate-recoil');
-const generateUserCard = require('./generate-user-card');
-const copyPages = require('./pages');
-const { projectFramework } = require('../../../utils/constants');
-const fse = require('../../../utils/fs-extra');
-
-module.exports = (options) => {
-  const cwd = options.cwd || process.cwd();
-  const { template, stateManagement, framework } = options;
-  const toCopy = [];
-
-  // Copy Pages
-
-  const ext = framework === projectFramework.REACT_TYPESCRIPT ?'tsx': 'jsx'
-
-  let pages = [];
-  if (template !== 'blank')
-    pages.push(
-      ...[
-        { fileName: 'about', content: 'copyAbout' },
-        { fileName: 'user', content: 'copyUser' },
-        { fileName: 'form', content: 'copyForm' },
-      ]
-    );
-
-
-  pages.forEach(({ fileName, content }) => {
-    const dest = path.resolve(cwd, 'src', 'pages', `${fileName}.${ext}`);
-    toCopy.push({
-      content: copyPages[content](options),
-      to: dest,
-    });
-  });
-
-
-  toCopy.push({
-    content: generateHomePage(options),
-    to: path.resolve(cwd, 'src', 'pages', `index.${ext}`),
-  });
-
-  if(template !== 'blank') {
-    toCopy.push({
-      content: generateUserCard(options),
-      to: path.resolve(cwd, 'src','components', `user-card.${ext}`)
-    })
-  }
-
-
-  toCopy.push({
-    content: generateRoot(options),
-    to: path.resolve(cwd, 'src', 'components', `app.${ext}`),
-  });
-
-  if(framework === projectFramework.REACT_TYPESCRIPT){
-    if (stateManagement === 'recoil') {
-      toCopy.push({
-        content: generateRecoil(options),
-        to: path.resolve(cwd, 'src', 'state.ts'),
-      });
-    } 
-
-  
-  }else {
-    if (stateManagement === 'recoil') {
-      toCopy.push({
-        content: generateRecoil(options),
-        to: path.resolve(cwd, 'src', 'state.js'),
-      });
-    } 
-  
-  }
-  const isTs = framework === projectFramework.REACT_TYPESCRIPT
-
-  toCopy.push({
-    content: fse.readFileSync(path.resolve(__dirname, 'vite.config.js'),'utf8'),
-    to: path.resolve(cwd, `vite.config.${isTs ? 'ts':'js'}`),
-  });
-
-  if(framework === projectFramework.REACT_TYPESCRIPT){
-    toCopy.push({
-      from: path.resolve(__dirname, '_tsconfig.json'),
-      to: path.resolve(cwd, 'tsconfig.json')
-    })
-  }
-
-  return toCopy;
-};
+"use strict";const e=require("path"),t=require("./generate-home-page"),r=require("./generate-root"),o=require("../generate-recoil"),s=require("./generate-user-card"),n=require("./pages"),{projectFramework:c}=require("../../../utils/constants"),u=require("../../../utils/fs-extra");module.exports=i=>{let a=i.cwd||process.cwd(),{template:l,stateManagement:p,framework:f}=i,g=[],h=f===c.REACT_TYPESCRIPT?"tsx":"jsx",m=[];"blank"!==l&&m.push({fileName:"about",content:"copyAbout"},{fileName:"user",content:"copyUser"},{fileName:"form",content:"copyForm"}),m.forEach(({fileName:t,content:r})=>{let o=e.resolve(a,"src","pages",`${t}.${h}`);g.push({content:n[r](i),to:o})}),g.push({content:t(i),to:e.resolve(a,"src","pages",`index.${h}`)}),"blank"!==l&&g.push({content:s(i),to:e.resolve(a,"src","components",`user-card.${h}`)}),g.push({content:r(i),to:e.resolve(a,"src","components",`app.${h}`)}),f===c.REACT_TYPESCRIPT?"recoil"===p&&g.push({content:o(i),to:e.resolve(a,"src","state.ts")}):"recoil"===p&&g.push({content:o(i),to:e.resolve(a,"src","state.js")});let v=f===c.REACT_TYPESCRIPT;return g.push({content:u.readFileSync(e.resolve(__dirname,"vite.config.js"),"utf8"),to:e.resolve(a,`vite.config.${v?"ts":"js"}`)}),f===c.REACT_TYPESCRIPT&&g.push({from:e.resolve(__dirname,"_tsconfig.json"),to:e.resolve(a,"tsconfig.json")}),g};

package/create/templates/zaui/generate-home-page.js

@@ -1,41 +1,29 @@
-const { projectFramework } = require('../../../utils/constants');
-const indent = require('../../utils/indent');
-module.exports = (options) => {
-  const { name, template, framework, stateManagement } = options;
-  if(framework === projectFramework.REACT_TYPESCRIPT){
-    return indent(
-      0,
-      `
+"use strict";const{projectFramework:e}=require("../../../utils/constants"),t=require("../../utils/indent");module.exports=i=>{let{name:r,template:a,framework:o,stateManagement:s}=i;return o===e.REACT_TYPESCRIPT?t(0,`
       import React from 'react';
-      ${
-        template === 'blank'
-          ? `
+      ${"blank"===a?`
       import { Page } from 'zmp-ui';
-      `.trim()
-          : `
+      `.trim():`
       import {
         List,
         Page,
         Icon,
         useNavigate
-      } from 'zmp-ui';${stateManagement === 'recoil' ? `
+      } from 'zmp-ui';${"recoil"===s?`
       import { useRecoilValue } from 'recoil';
       import { userInfo } from "zmp-sdk";
-      import { userState } from '../state';` : ''}
-      ${template !=='blank' ?`
+      import { userState } from '../state';`:""}
+      ${"blank"!==a?`
       import UserCard from '../components/user-card';
-      `:''}
-      `.trim()
-      }
+      `:""}
+      `.trim()}
   
       const HomePage:React.FunctionComponent = () => {
-        ${template !== 'blank' ? (stateManagement === 'recoil' ? "const user = useRecoilValue<userInfo>(userState);" : "const user = useStore('user');") : ''}
-        ${template !=='blank' ?   `const navigate = useNavigate()`:''}
+        ${"blank"!==a?"recoil"===s?"const user = useRecoilValue<userInfo>(userState);":"const user = useStore('user');":""}
+        ${"blank"!==a?"const navigate = useNavigate()":""}
         return (
-          ${template==='blank' ?`<Page className="page">
+          ${"blank"===a?`<Page className="page">
             Hello Zalo Mini App
-          </Page> `.trim():
-          `
+          </Page> `.trim():`
           <Page  className="page">
           <div className="section-container">
             <UserCard user={user}/> 
@@ -50,48 +38,37 @@ module.exports = (options) => {
             </List.Item>
           </List>
           </div>
-        </Page>`.trim()
-        }
+        </Page>`.trim()}
         );
       }
       
       export default HomePage;
-    `
-    ).trim(); 
-  }
-  return indent(
-    0,
-    `
+    `).trim():t(0,`
     import React from 'react';
-    ${
-      template === 'blank'
-        ? `
+    ${"blank"===a?`
     import {
       Page
     } from 'zmp-ui';
-    `.trim()
-        : `
+    `.trim():`
     import {
       List,
       Page,
       Icon,useNavigate
-    } from 'zmp-ui';${stateManagement === 'recoil' ? `
+    } from 'zmp-ui';${"recoil"===s?`
     import { useRecoilValue } from 'recoil';
-    import { userState } from '../state';` : ''}
-    ${template !=='blank' ?`
+    import { userState } from '../state';`:""}
+    ${"blank"!==a?`
     import UserCard from '../components/user-card';
-    `:''}
-    `.trim()
-    }
+    `:""}
+    `.trim()}
 
     const HomePage = () => {
-      ${template !== 'blank' ? (stateManagement === 'recoil' ? "const user = useRecoilValue(userState);" : "const user = useStore('user');") : ''}
-      ${template !=='blank' ?   `const navigate = useNavigate()`:''}
+      ${"blank"!==a?"recoil"===s?"const user = useRecoilValue(userState);":"const user = useStore('user');":""}
+      ${"blank"!==a?"const navigate = useNavigate()":""}
       return (
-        ${template==='blank' ?`<Page className="page">
+        ${"blank"===a?`<Page className="page">
           Hello Zalo Mini App
-        </Page> `.trim():
-        `
+        </Page> `.trim():`
         <Page className="page">
         <div className="section-container">
           <UserCard user={user}/> 
@@ -106,12 +83,9 @@ module.exports = (options) => {
           </List.Item>
         </List>
         </div>
-      </Page>`.trim()
-      }
+      </Page>`.trim()}
       );
     }
     
     export default HomePage;
-  `
-  ).trim();
-};
+  `).trim()};

package/create/templates/zaui/generate-root.js

@@ -1,53 +1,33 @@
-const templateIf = require('../../utils/template-if');
-const indent = require('../../utils/indent');
-const { capitalize } = require('../../utils/string')
-module.exports = (options) => {
-  const { template, theming, stateManagement } = options;
-
-  // Views
-
-  const routes = []
-  if(template ==='single-view'){
-    routes.push('about','form','user')
-  }
-  return indent(
-    0,
-    `
+"use strict";const e=require("../../utils/template-if"),r=require("../../utils/indent"),{capitalize:t}=require("../../utils/string");module.exports=o=>{let{template:i,theming:m,stateManagement:u}=o,a=[];return"single-view"===i&&a.push("about","form","user"),r(0,`
     import React from 'react';
     import { Route} from 'react-router-dom'
-    ${['blank', 'single-view'].indexOf(template) >= 0
-    ? `
+    ${["blank","single-view"].indexOf(i)>=0?`
     import { App, ZMPRouter, AnimationRoutes, SnackbarProvider } from 'zmp-ui';
-    `.trim(): ''
-    } 
-    ${templateIf(stateManagement === 'recoil', () => `import { RecoilRoot } from 'recoil';`,'')}
+    `.trim():""} 
+    ${e("recoil"===u,()=>"import { RecoilRoot } from 'recoil';","")}
     import HomePage from '../pages';
-    ${routes.length>0 ? routes.map((route) => `    import ${capitalize(route)} from '../pages/${route}';\n`).join('').trim():''}
+    ${a.length>0?a.map(e=>`    import ${t(e)} from '../pages/${e}';
+`).join("").trim():""}
 
 
     const MyApp = () => {
       ${`
-      return (${stateManagement === 'recoil' ? `
-        <RecoilRoot>` : ''}
-        ${indent(stateManagement === 'recoil' ? 2 : 0, `<App ${theming.darkTheme ? 'themeDark' : ''}>`)}
+      return (${"recoil"===u?`
+        <RecoilRoot>`:""}
+        ${r("recoil"===u?2:0,`<App ${m.darkTheme?"themeDark":""}>`)}
           <SnackbarProvider>
             <ZMPRouter>
               <AnimationRoutes>
                 <Route path="/" element={<HomePage></HomePage>}></Route>
-                ${routes.length>0 ? routes.map((route) =>{
-                  const pageName = capitalize(route)
-                  return `              <Route path="/${route}" element={<${pageName}></${pageName}>}></Route>\n`
-                }).join('').trim(): ''
-              }
+                ${a.length>0?a.map(e=>{let r=t(e);return`              <Route path="/${e}" element={<${r}></${r}>}></Route>
+`}).join("").trim():""}
               </AnimationRoutes>
             </ZMPRouter>
           </SnackbarProvider>
-        ${indent(stateManagement === 'recoil' ? 2 : 0, `</App>`)}${stateManagement === 'recoil' ? `
-        </RecoilRoot>` : ''}
+        ${r("recoil"===u?2:0,"</App>")}${"recoil"===u?`
+        </RecoilRoot>`:""}
       );
       `.trim()}
     }
     export default MyApp;
-  `
-  ).trim();
-};
+  `).trim()};

package/create/templates/zaui/generate-routes.js

@@ -1,10 +1 @@
-module.exports = (options) => {
-  const { template } = options;
-
-  if (template === 'blank') {
-    return [];
-  }
-  const routes = ['/user', '/form', '/dynamic-route', '/about', '/404']; 
-
-  return routes;
-};
+"use strict";module.exports=e=>{let{template:r}=e;return"blank"===r?[]:["/user","/form","/dynamic-route","/about","/404"]};

package/create/templates/zaui/generate-scripts.js

@@ -1,25 +1,15 @@
-const indent = require('../../utils/indent');
-const stylesExtension = require('../../utils/styles-extension');
-
-module.exports = (options) => {
-  const { cssPreProcessor,  includeTailwind, framework } = options;
-
-  let scripts = '';
-
-  scripts += indent(
-    0,
-    `
+"use strict";const t=require("../../utils/indent"),e=require("../../utils/styles-extension");module.exports=o=>{let{cssPreProcessor:p,includeTailwind:r,framework:i}=o,n="";return(n+=t(0,`
     // Import React and ReactDOM
     import React from 'react';
     import { createRoot } from 'react-dom/client';
-    ${includeTailwind ? `
+    ${r?`
 
     // Import tailwind styles
-    import './css/tailwind.css';` : ''}
+    import './css/tailwind.css';`:""}
 
     import 'zmp-ui/zaui.css'; 
 
-    import './css/app.${stylesExtension(cssPreProcessor)}';
+    import './css/app.${e(p)}';
 
     // Import App Component
     import App from './components/app';
@@ -30,10 +20,6 @@ module.exports = (options) => {
     }
 
     // Mount React App
-    ${framework === 'react-typescript' ? "const root = createRoot(document.getElementById('app')!);" : "const root = createRoot(document.getElementById('app'));"}
+    ${"react-typescript"===i?"const root = createRoot(document.getElementById('app')!);":"const root = createRoot(document.getElementById('app'));"}
     root.render(React.createElement(App));
-  `
-  );
-
-  return scripts.trim();
-};
+  `)).trim()};

package/create/templates/zaui/generate-user-card.js

@@ -1,12 +1,4 @@
-const indent = require('../../utils/indent');
-const {projectFramework} = require('../../../utils/constants')
-// eslint-disable-next-line no-unused-vars
-module.exports = (options) => {
-  const {framework} = options
-  if(framework === projectFramework.REACT_TYPESCRIPT){
-    return  indent(
-      0,
-      `
+"use strict";const r=require("../../utils/indent"),{projectFramework:t}=require("../../../utils/constants");module.exports=e=>{let{framework:a}=e;return a===t.REACT_TYPESCRIPT?r(0,`
   import React from 'react';
   import { Avatar, Box, Text } from 'zmp-ui';
   import { userInfo } from 'zmp-sdk';
@@ -28,12 +20,7 @@ module.exports = (options) => {
   };
   
   export default UserCard;
-    `
-    ).trim(); 
-  }
-  return indent(
-    0,
-    `
+    `).trim():r(0,`
   import React from 'react';
   import { Avatar, Box, Text } from 'zmp-ui';
 
@@ -50,6 +37,4 @@ module.exports = (options) => {
   };
 
   export default UserCard;    
-  `
-  ).trim();
-};
+  `).trim()};

package/create/templates/zaui/pages/about.js

@@ -1,14 +1,4 @@
-const indent = require('../../../utils/indent');
-const {projectFramework} = require('../../../../utils/constants')
-
-// eslint-disable-next-line no-unused-vars
-module.exports = (options) => {
-  const {framework} = options
-
-  if(framework === projectFramework.REACT_TYPESCRIPT){
-    return indent(
-      0,
-      `
+"use strict";const e=require("../../../utils/indent"),{projectFramework:t}=require("../../../../utils/constants");module.exports=n=>{let{framework:o}=n;return o===t.REACT_TYPESCRIPT?e(0,`
   import React from "react";
   import { Sheet, Button, Page, Text, useNavigate } from "zmp-ui";
   
@@ -63,12 +53,7 @@ module.exports = (options) => {
   };
   
   export default AboutPage;
-    `
-    ).trim();
-  }
-  return indent(
-    0,
-    `
+    `).trim():e(0,`
     import React from "react";
     import { Sheet, Button, Page, Text, useNavigate } from "zmp-ui";
 
@@ -124,6 +109,4 @@ module.exports = (options) => {
 
     export default AboutPage;
 
-  `
-  ).trim();
-};
+  `).trim()};

package/create/templates/zaui/pages/form.js

@@ -1,13 +1,4 @@
-const indent = require('../../../utils/indent');
-const {projectFramework} = require('../../../../utils/constants');
-
-module.exports = (options) => {
-  const { framework } = options
-
-  if(framework === projectFramework.REACT_TYPESCRIPT){
-    return indent(
-      0,
-      `
+"use strict";const e=require("../../../utils/indent"),{projectFramework:t}=require("../../../../utils/constants");module.exports=a=>{let{framework:r}=a;return r===t.REACT_TYPESCRIPT?e(0,`
   import React from 'react';
   import { Button, Input, Box, Page, useSnackbar } from 'zmp-ui';
   import { useRecoilState } from 'recoil';
@@ -61,12 +52,7 @@ module.exports = (options) => {
   }
   
   export default FormPage;
-      `
-    ).trim(); 
-  }
-    return indent(
-      0,
-      `
+      `).trim():e(0,`
       import React from 'react';
       import { Button,Input, Box, Page, useSnackbar } from 'zmp-ui';
       import { useRecoilState } from 'recoil';
@@ -117,7 +103,4 @@ module.exports = (options) => {
       }
       
       export default FormPage;
-      `
-    ).trim();
-
-};
+      `).trim()};