@vtj/local 0.13.1 → 0.13.3

package/dist/index.cjs

@@ -533,6 +533,629 @@ async function getUniConfig(dsl) {
   };
 }
 
+const webPageJson = {
+  name: "LaunchPage",
+  locked: false,
+  inject: [],
+  state: {
+    quickActions: {
+      type: "JSExpression",
+      value: "[\n  { icon: this.$libs.VtjIcons.HomeFilled, label: '\u9996\u9875', action: 'home' },\n  { icon: this.$libs.VtjIcons.Setting, label: '\u8BBE\u7F6E', action: 'settings' },\n  { icon: this.$libs.VtjIcons.Help, label: '\u5E2E\u52A9', action: 'help' }\n]"
+    }
+  },
+  lifeCycles: {},
+  methods: {
+    handleLogin: {
+      type: "JSFunction",
+      value: "() => {\n\n  this.$libs.ElementPlus.ElMessage({ message: 'login' })\n}"
+    },
+    handleRegister: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.ElementPlus.ElMessage({ message: 'register' })\n}"
+    },
+    handleQuickAction: {
+      type: "JSFunction",
+      value: "(action) => {\n  this.$libs.ElementPlus.ElMessage({ message: action.action })\n}"
+    },
+    handleAbout: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.ElementPlus.ElMessage({ message: 'about' })\n}"
+    },
+    handleTerms: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.ElementPlus.ElMessage({ message: 'terms' })\n}"
+    },
+    handlePrivacy: {
+      type: "JSFunction",
+      value: "() => {\n\n  this.$libs.ElementPlus.ElMessage({ message: 'privacy' })\n}"
+    }
+  },
+  computed: {},
+  watch: [],
+  css: ".launch-page {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n  padding: 20px;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.header {\n  margin-top: 80px;\n  margin-bottom: 60px;\n}\n\n.logo {\n  border-radius: 50%;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  margin-bottom: 20px;\n}\n\n.title {\n  font-size: 2.5rem;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.subtitle {\n  font-size: 1.2rem;\n  color: #666;\n}\n\n.main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.action-buttons {\n  display: flex;\n  gap: 20px;\n  margin-bottom: 60px;\n}\n\n.action-button {\n  min-width: 150px;\n}\n\n.quick-actions {\n  display: flex;\n  gap: 40px;\n  margin-bottom: 40px;\n}\n\n.quick-action {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  color: #555;\n}\n\n.quick-action:hover {\n  transform: translateY(-5px);\n  color: #409eff;\n}\n\n.action-icon {\n  margin-bottom: 8px;\n}\n\n.footer {\n  margin-top: auto;\n  padding: 20px 0;\n  color: #666;\n  font-size: 0.9rem;\n}\n\n.footer-links {\n  display: flex;\n  justify-content: center;\n  gap: 20px;\n  margin-top: 10px;\n}\n\n.footer-links a {\n  color: #666;\n  text-decoration: none;\n}\n\n.footer-links a:hover {\n  color: #409eff;\n  text-decoration: underline;\n}",
+  props: [],
+  emits: [],
+  slots: [],
+  dataSources: {},
+  __VTJ_BLOCK__: true,
+  __VERSION__: "1754535531764",
+  id: "18o4hf0s",
+  nodes: [
+    {
+      id: "18neu6td",
+      name: "div",
+      from: "",
+      invisible: false,
+      locked: false,
+      children: [
+        {
+          id: "28neu6td",
+          name: "header",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "38neu6td",
+              name: "img",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [],
+              props: {
+                src: "https://picsum.photos/120/120?random=1",
+                alt: "App Logo",
+                class: "logo"
+              },
+              directives: [],
+              events: {}
+            },
+            {
+              id: "48neu6td",
+              name: "h1",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: "\u6B22\u8FCE\u4F7F\u7528\u6211\u4EEC\u7684\u5E94\u7528",
+              props: {
+                class: "title"
+              },
+              directives: [],
+              events: {}
+            },
+            {
+              id: "58neu6td",
+              name: "p",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: "\u8BA9\u5DE5\u4F5C\u66F4\u9AD8\u6548\uFF0C\u8BA9\u751F\u6D3B\u66F4\u7B80\u5355",
+              props: {
+                class: "subtitle"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "header"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "68neu6td",
+          name: "main",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "78neu6te",
+              name: "div",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [
+                {
+                  id: "88neu6te",
+                  name: "ElButton",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: " \u7ACB\u5373\u767B\u5F55 ",
+                  props: {
+                    type: "primary",
+                    size: "large",
+                    class: "action-button"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handleLogin"
+                      },
+                      modifiers: {}
+                    }
+                  }
+                },
+                {
+                  id: "98neu6te",
+                  name: "ElButton",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: " \u6CE8\u518C\u8D26\u53F7 ",
+                  props: {
+                    size: "large",
+                    class: "action-button"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handleRegister"
+                      },
+                      modifiers: {}
+                    }
+                  }
+                }
+              ],
+              props: {
+                class: "action-buttons"
+              },
+              directives: [],
+              events: {}
+            },
+            {
+              id: "a8neu6te",
+              name: "div",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [
+                {
+                  id: "b8neu6te",
+                  name: "div",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: [
+                    {
+                      id: "c8neu6te",
+                      name: "XIcon",
+                      from: "@vtj/ui",
+                      invisible: false,
+                      locked: false,
+                      children: [],
+                      props: {
+                        icon: {
+                          type: "JSExpression",
+                          value: "this.context.action.icon"
+                        },
+                        size: {
+                          type: "JSExpression",
+                          value: "24"
+                        },
+                        class: "action-icon"
+                      },
+                      directives: [],
+                      events: {}
+                    },
+                    {
+                      id: "d8neu6te",
+                      name: "span",
+                      from: "",
+                      invisible: false,
+                      locked: false,
+                      children: {
+                        type: "JSExpression",
+                        value: "this.context.action.label"
+                      },
+                      props: {},
+                      directives: [],
+                      events: {}
+                    }
+                  ],
+                  props: {
+                    key: {
+                      type: "JSExpression",
+                      value: "this.context.index"
+                    },
+                    class: "quick-action"
+                  },
+                  directives: [
+                    {
+                      id: "k8neu6uf",
+                      name: "vFor",
+                      value: {
+                        type: "JSExpression",
+                        value: "this.state.quickActions"
+                      },
+                      iterator: {
+                        item: "action",
+                        index: "index"
+                      }
+                    }
+                  ],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "($event) => {\n  this.handleQuickAction(this.context.action);\n}"
+                      },
+                      modifiers: {}
+                    }
+                  }
+                }
+              ],
+              props: {
+                class: "quick-actions"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "main"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "e8neu6te",
+          name: "footer",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "f8neu6te",
+              name: "p",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: "\xA9 2023 \u6211\u4EEC\u7684\u5E94\u7528. \u4FDD\u7559\u6240\u6709\u6743\u5229.",
+              props: {},
+              directives: [],
+              events: {}
+            },
+            {
+              id: "g8neu6te",
+              name: "div",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [
+                {
+                  id: "h8neu6te",
+                  name: "a",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: "\u5173\u4E8E\u6211\u4EEC",
+                  props: {
+                    href: "#"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handleAbout"
+                      },
+                      modifiers: {
+                        prevent: true
+                      }
+                    }
+                  }
+                },
+                {
+                  id: "i8neu6te",
+                  name: "a",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: "\u670D\u52A1\u6761\u6B3E",
+                  props: {
+                    href: "#"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handleTerms"
+                      },
+                      modifiers: {
+                        prevent: true
+                      }
+                    }
+                  }
+                },
+                {
+                  id: "j8neu6te",
+                  name: "a",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: "\u9690\u79C1\u653F\u7B56",
+                  props: {
+                    href: "#"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handlePrivacy"
+                      },
+                      modifiers: {
+                        prevent: true
+                      }
+                    }
+                  }
+                }
+              ],
+              props: {
+                class: "footer-links"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "footer"
+          },
+          directives: [],
+          events: {}
+        }
+      ],
+      props: {
+        class: "launch-page"
+      },
+      directives: [],
+      events: {}
+    }
+  ]
+};
+
+const h5PageJson = {
+  name: "LaunchPage",
+  locked: false,
+  inject: [],
+  state: {},
+  lifeCycles: {},
+  methods: {
+    enterApp: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.vant.showToast({ message: 'click' })\n}"
+    }
+  },
+  computed: {},
+  watch: [],
+  css: ".launch-page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100vh;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  text-align: center;\n  padding: 0 20px;\n}\n.logo-container {\n  margin-bottom: 30px;\n}\n.logo {\n  width: 150px;\n  height: 150px;\n  border-radius: 30px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n}\n.app-name {\n  font-size: 28px;\n  font-weight: bold;\n  margin-bottom: 10px;\n}\n.app-slogan {\n  font-size: 16px;\n  margin-bottom: 40px;\n  opacity: 0.8;\n}\n.enter-btn {\n  width: 200px;\n  height: 50px;\n  font-size: 16px;\n  font-weight: bold;\n}",
+  props: [],
+  emits: [],
+  slots: [],
+  dataSources: {},
+  __VTJ_BLOCK__: true,
+  __VERSION__: "1754534257948",
+  id: "18o4l37b",
+  nodes: [
+    {
+      id: "18o4mfc2",
+      name: "div",
+      from: "",
+      invisible: false,
+      locked: false,
+      children: [
+        {
+          id: "28o4mfc2",
+          name: "div",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "38o4mfc3",
+              name: "img",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [],
+              props: {
+                src: "https://picsum.photos/150/150?random=1",
+                alt: "App Logo",
+                class: "logo"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "logo-container"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "48o4mfc3",
+          name: "h1",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: "\u6B22\u8FCE\u4F7F\u7528",
+          props: {
+            class: "app-name"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "58o4mfc3",
+          name: "p",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: "\u5F00\u542F\u60A8\u7684\u5168\u65B0\u4F53\u9A8C",
+          props: {
+            class: "app-slogan"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "68o4mfc3",
+          name: "VanButton",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: " \u7ACB\u5373\u4F53\u9A8C ",
+          props: {
+            type: "primary",
+            round: "",
+            class: "enter-btn"
+          },
+          directives: [],
+          events: {
+            click: {
+              name: "click",
+              handler: {
+                type: "JSFunction",
+                value: "this.enterApp"
+              },
+              modifiers: {}
+            }
+          }
+        }
+      ],
+      props: {
+        class: "launch-page"
+      },
+      directives: [],
+      events: {}
+    }
+  ]
+};
+
+const uniappPageJson = {
+  name: "LaunchPage",
+  locked: false,
+  inject: [],
+  state: {
+    countDown: {
+      type: "JSExpression",
+      value: "3"
+    }
+  },
+  lifeCycles: {},
+  methods: {
+    enterApp: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.UniH5.uni.showToast({ title: 'clicked!' })\n}"
+    }
+  },
+  computed: {},
+  watch: [],
+  css: ".launch-page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100vh;\n  background: linear-gradient(135deg, #6e8efb, #a777e3);\n}\n\n.logo-container {\n  margin-bottom: 40px;\n}\n\n.logo {\n  width: 150px;\n  height: 150px;\n  border-radius: 30px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n}\n\n.app-name {\n  font-size: 28px;\n  color: white;\n  font-weight: bold;\n  margin-bottom: 60px;\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n}\n\n.enter-btn {\n  padding: 12px 40px;\n  background-color: white;\n  color: #6e8efb;\n  border-radius: 25px;\n  font-weight: bold;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.enter-btn:active {\n  transform: scale(0.95);\n}",
+  props: [],
+  emits: [],
+  slots: [],
+  dataSources: {},
+  __VTJ_BLOCK__: true,
+  __VERSION__: "1754534945746",
+  id: "18o4xz29",
+  nodes: [
+    {
+      id: "18o4z7x6",
+      name: "View",
+      from: "",
+      invisible: false,
+      locked: false,
+      children: [
+        {
+          id: "28o4z7x6",
+          name: "View",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "38o4z7x6",
+              name: "Image",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [],
+              props: {
+                class: "logo",
+                src: "https://picsum.photos/200/200?random=1",
+                alt: "App Logo"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "logo-container"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "48o4z7x6",
+          name: "View",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: "\u6211\u7684\u5E94\u7528",
+          props: {
+            class: "app-name"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "58o4z7x6",
+          name: "View",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: " \u7ACB\u5373\u4F53\u9A8C ",
+          props: {
+            class: "enter-btn"
+          },
+          directives: [],
+          events: {
+            click: {
+              name: "click",
+              handler: {
+                type: "JSFunction",
+                value: "this.enterApp"
+              },
+              modifiers: {}
+            }
+          }
+        }
+      ],
+      props: {
+        class: "launch-page"
+      },
+      directives: [],
+      events: {}
+    }
+  ]
+};
+
 let isInit = false;
 let _platform = "web";
 async function saveLogs(e, opts) {
@@ -611,12 +1234,32 @@ async function init(_body, opts) {
     }
     return success(dsl);
   } else {
+    const launchPage = {
+      id: node.uid(),
+      dir: false,
+      layout: false,
+      name: "LaunchPage",
+      title: "\u542F\u52A8\u9875",
+      icon: "",
+      mask: false,
+      hidden: false,
+      raw: false,
+      pure: true,
+      cache: false,
+      needLogin: false,
+      style: platform === "uniapp" ? {
+        navigationStyle: "custom"
+      } : {},
+      type: "page"
+    };
     const model = new core.ProjectModel({
       id,
       name,
       description,
       platform,
-      blocks: plugins
+      blocks: plugins,
+      pages: [launchPage],
+      homepage: launchPage.id
     });
     dsl = model.toDsl();
     if (platform === "uniapp") {
@@ -624,6 +1267,28 @@ async function init(_body, opts) {
     }
     repository.save(id, dsl);
     dsl.__BASE_PATH__ = opts.staticBase;
+    let page;
+    if (platform === "web") {
+      page = new core.BlockModel(
+        Object.assign(webPageJson, { id: launchPage.id, name: launchPage.name })
+      );
+    }
+    if (platform === "h5") {
+      page = new core.BlockModel(
+        Object.assign(h5PageJson, { id: launchPage.id, name: launchPage.name })
+      );
+    }
+    if (platform === "uniapp") {
+      page = new core.BlockModel(
+        Object.assign(uniappPageJson, {
+          id: launchPage.id,
+          name: launchPage.name
+        })
+      );
+    }
+    if (page) {
+      await saveFile(page.toDsl(), opts);
+    }
     return success(dsl);
   }
 }

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import { build } from 'vite';
 import { copyPlugin, staticPlugin } from '@vtj/cli';
-import { pathExistsSync, ensureFileSync, writeJsonSync, readJsonSync, removeSync, outputFileSync, readdirSync, moveSync, upperFirstCamelCase, camelCase, fs, timestamp, uuid } from '@vtj/node';
+import { pathExistsSync, ensureFileSync, writeJsonSync, readJsonSync, removeSync, outputFileSync, readdirSync, moveSync, upperFirstCamelCase, camelCase, fs, timestamp, uuid, uid } from '@vtj/node';
 import { resolve, join } from 'path';
 import bodyParser from 'body-parser';
 import formidable from 'formidable';
-import { ProjectModel } from '@vtj/core';
+import { ProjectModel, BlockModel } from '@vtj/core';
 import { tsFormatter, cssFormatter, vueFormatter, generator, createEmptyPage } from '@vtj/coder';
 import { parseUniApp, parseVue as parseVue$1 } from '@vtj/parser';
 
@@ -526,6 +526,629 @@ async function getUniConfig(dsl) {
   };
 }
 
+const webPageJson = {
+  name: "LaunchPage",
+  locked: false,
+  inject: [],
+  state: {
+    quickActions: {
+      type: "JSExpression",
+      value: "[\n  { icon: this.$libs.VtjIcons.HomeFilled, label: '\u9996\u9875', action: 'home' },\n  { icon: this.$libs.VtjIcons.Setting, label: '\u8BBE\u7F6E', action: 'settings' },\n  { icon: this.$libs.VtjIcons.Help, label: '\u5E2E\u52A9', action: 'help' }\n]"
+    }
+  },
+  lifeCycles: {},
+  methods: {
+    handleLogin: {
+      type: "JSFunction",
+      value: "() => {\n\n  this.$libs.ElementPlus.ElMessage({ message: 'login' })\n}"
+    },
+    handleRegister: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.ElementPlus.ElMessage({ message: 'register' })\n}"
+    },
+    handleQuickAction: {
+      type: "JSFunction",
+      value: "(action) => {\n  this.$libs.ElementPlus.ElMessage({ message: action.action })\n}"
+    },
+    handleAbout: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.ElementPlus.ElMessage({ message: 'about' })\n}"
+    },
+    handleTerms: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.ElementPlus.ElMessage({ message: 'terms' })\n}"
+    },
+    handlePrivacy: {
+      type: "JSFunction",
+      value: "() => {\n\n  this.$libs.ElementPlus.ElMessage({ message: 'privacy' })\n}"
+    }
+  },
+  computed: {},
+  watch: [],
+  css: ".launch-page {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n  padding: 20px;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.header {\n  margin-top: 80px;\n  margin-bottom: 60px;\n}\n\n.logo {\n  border-radius: 50%;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  margin-bottom: 20px;\n}\n\n.title {\n  font-size: 2.5rem;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.subtitle {\n  font-size: 1.2rem;\n  color: #666;\n}\n\n.main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.action-buttons {\n  display: flex;\n  gap: 20px;\n  margin-bottom: 60px;\n}\n\n.action-button {\n  min-width: 150px;\n}\n\n.quick-actions {\n  display: flex;\n  gap: 40px;\n  margin-bottom: 40px;\n}\n\n.quick-action {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  color: #555;\n}\n\n.quick-action:hover {\n  transform: translateY(-5px);\n  color: #409eff;\n}\n\n.action-icon {\n  margin-bottom: 8px;\n}\n\n.footer {\n  margin-top: auto;\n  padding: 20px 0;\n  color: #666;\n  font-size: 0.9rem;\n}\n\n.footer-links {\n  display: flex;\n  justify-content: center;\n  gap: 20px;\n  margin-top: 10px;\n}\n\n.footer-links a {\n  color: #666;\n  text-decoration: none;\n}\n\n.footer-links a:hover {\n  color: #409eff;\n  text-decoration: underline;\n}",
+  props: [],
+  emits: [],
+  slots: [],
+  dataSources: {},
+  __VTJ_BLOCK__: true,
+  __VERSION__: "1754535531764",
+  id: "18o4hf0s",
+  nodes: [
+    {
+      id: "18neu6td",
+      name: "div",
+      from: "",
+      invisible: false,
+      locked: false,
+      children: [
+        {
+          id: "28neu6td",
+          name: "header",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "38neu6td",
+              name: "img",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [],
+              props: {
+                src: "https://picsum.photos/120/120?random=1",
+                alt: "App Logo",
+                class: "logo"
+              },
+              directives: [],
+              events: {}
+            },
+            {
+              id: "48neu6td",
+              name: "h1",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: "\u6B22\u8FCE\u4F7F\u7528\u6211\u4EEC\u7684\u5E94\u7528",
+              props: {
+                class: "title"
+              },
+              directives: [],
+              events: {}
+            },
+            {
+              id: "58neu6td",
+              name: "p",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: "\u8BA9\u5DE5\u4F5C\u66F4\u9AD8\u6548\uFF0C\u8BA9\u751F\u6D3B\u66F4\u7B80\u5355",
+              props: {
+                class: "subtitle"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "header"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "68neu6td",
+          name: "main",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "78neu6te",
+              name: "div",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [
+                {
+                  id: "88neu6te",
+                  name: "ElButton",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: " \u7ACB\u5373\u767B\u5F55 ",
+                  props: {
+                    type: "primary",
+                    size: "large",
+                    class: "action-button"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handleLogin"
+                      },
+                      modifiers: {}
+                    }
+                  }
+                },
+                {
+                  id: "98neu6te",
+                  name: "ElButton",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: " \u6CE8\u518C\u8D26\u53F7 ",
+                  props: {
+                    size: "large",
+                    class: "action-button"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handleRegister"
+                      },
+                      modifiers: {}
+                    }
+                  }
+                }
+              ],
+              props: {
+                class: "action-buttons"
+              },
+              directives: [],
+              events: {}
+            },
+            {
+              id: "a8neu6te",
+              name: "div",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [
+                {
+                  id: "b8neu6te",
+                  name: "div",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: [
+                    {
+                      id: "c8neu6te",
+                      name: "XIcon",
+                      from: "@vtj/ui",
+                      invisible: false,
+                      locked: false,
+                      children: [],
+                      props: {
+                        icon: {
+                          type: "JSExpression",
+                          value: "this.context.action.icon"
+                        },
+                        size: {
+                          type: "JSExpression",
+                          value: "24"
+                        },
+                        class: "action-icon"
+                      },
+                      directives: [],
+                      events: {}
+                    },
+                    {
+                      id: "d8neu6te",
+                      name: "span",
+                      from: "",
+                      invisible: false,
+                      locked: false,
+                      children: {
+                        type: "JSExpression",
+                        value: "this.context.action.label"
+                      },
+                      props: {},
+                      directives: [],
+                      events: {}
+                    }
+                  ],
+                  props: {
+                    key: {
+                      type: "JSExpression",
+                      value: "this.context.index"
+                    },
+                    class: "quick-action"
+                  },
+                  directives: [
+                    {
+                      id: "k8neu6uf",
+                      name: "vFor",
+                      value: {
+                        type: "JSExpression",
+                        value: "this.state.quickActions"
+                      },
+                      iterator: {
+                        item: "action",
+                        index: "index"
+                      }
+                    }
+                  ],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "($event) => {\n  this.handleQuickAction(this.context.action);\n}"
+                      },
+                      modifiers: {}
+                    }
+                  }
+                }
+              ],
+              props: {
+                class: "quick-actions"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "main"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "e8neu6te",
+          name: "footer",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "f8neu6te",
+              name: "p",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: "\xA9 2023 \u6211\u4EEC\u7684\u5E94\u7528. \u4FDD\u7559\u6240\u6709\u6743\u5229.",
+              props: {},
+              directives: [],
+              events: {}
+            },
+            {
+              id: "g8neu6te",
+              name: "div",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [
+                {
+                  id: "h8neu6te",
+                  name: "a",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: "\u5173\u4E8E\u6211\u4EEC",
+                  props: {
+                    href: "#"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handleAbout"
+                      },
+                      modifiers: {
+                        prevent: true
+                      }
+                    }
+                  }
+                },
+                {
+                  id: "i8neu6te",
+                  name: "a",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: "\u670D\u52A1\u6761\u6B3E",
+                  props: {
+                    href: "#"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handleTerms"
+                      },
+                      modifiers: {
+                        prevent: true
+                      }
+                    }
+                  }
+                },
+                {
+                  id: "j8neu6te",
+                  name: "a",
+                  from: "",
+                  invisible: false,
+                  locked: false,
+                  children: "\u9690\u79C1\u653F\u7B56",
+                  props: {
+                    href: "#"
+                  },
+                  directives: [],
+                  events: {
+                    click: {
+                      name: "click",
+                      handler: {
+                        type: "JSFunction",
+                        value: "this.handlePrivacy"
+                      },
+                      modifiers: {
+                        prevent: true
+                      }
+                    }
+                  }
+                }
+              ],
+              props: {
+                class: "footer-links"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "footer"
+          },
+          directives: [],
+          events: {}
+        }
+      ],
+      props: {
+        class: "launch-page"
+      },
+      directives: [],
+      events: {}
+    }
+  ]
+};
+
+const h5PageJson = {
+  name: "LaunchPage",
+  locked: false,
+  inject: [],
+  state: {},
+  lifeCycles: {},
+  methods: {
+    enterApp: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.vant.showToast({ message: 'click' })\n}"
+    }
+  },
+  computed: {},
+  watch: [],
+  css: ".launch-page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100vh;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  text-align: center;\n  padding: 0 20px;\n}\n.logo-container {\n  margin-bottom: 30px;\n}\n.logo {\n  width: 150px;\n  height: 150px;\n  border-radius: 30px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n}\n.app-name {\n  font-size: 28px;\n  font-weight: bold;\n  margin-bottom: 10px;\n}\n.app-slogan {\n  font-size: 16px;\n  margin-bottom: 40px;\n  opacity: 0.8;\n}\n.enter-btn {\n  width: 200px;\n  height: 50px;\n  font-size: 16px;\n  font-weight: bold;\n}",
+  props: [],
+  emits: [],
+  slots: [],
+  dataSources: {},
+  __VTJ_BLOCK__: true,
+  __VERSION__: "1754534257948",
+  id: "18o4l37b",
+  nodes: [
+    {
+      id: "18o4mfc2",
+      name: "div",
+      from: "",
+      invisible: false,
+      locked: false,
+      children: [
+        {
+          id: "28o4mfc2",
+          name: "div",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "38o4mfc3",
+              name: "img",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [],
+              props: {
+                src: "https://picsum.photos/150/150?random=1",
+                alt: "App Logo",
+                class: "logo"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "logo-container"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "48o4mfc3",
+          name: "h1",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: "\u6B22\u8FCE\u4F7F\u7528",
+          props: {
+            class: "app-name"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "58o4mfc3",
+          name: "p",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: "\u5F00\u542F\u60A8\u7684\u5168\u65B0\u4F53\u9A8C",
+          props: {
+            class: "app-slogan"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "68o4mfc3",
+          name: "VanButton",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: " \u7ACB\u5373\u4F53\u9A8C ",
+          props: {
+            type: "primary",
+            round: "",
+            class: "enter-btn"
+          },
+          directives: [],
+          events: {
+            click: {
+              name: "click",
+              handler: {
+                type: "JSFunction",
+                value: "this.enterApp"
+              },
+              modifiers: {}
+            }
+          }
+        }
+      ],
+      props: {
+        class: "launch-page"
+      },
+      directives: [],
+      events: {}
+    }
+  ]
+};
+
+const uniappPageJson = {
+  name: "LaunchPage",
+  locked: false,
+  inject: [],
+  state: {
+    countDown: {
+      type: "JSExpression",
+      value: "3"
+    }
+  },
+  lifeCycles: {},
+  methods: {
+    enterApp: {
+      type: "JSFunction",
+      value: "() => {\n  this.$libs.UniH5.uni.showToast({ title: 'clicked!' })\n}"
+    }
+  },
+  computed: {},
+  watch: [],
+  css: ".launch-page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100vh;\n  background: linear-gradient(135deg, #6e8efb, #a777e3);\n}\n\n.logo-container {\n  margin-bottom: 40px;\n}\n\n.logo {\n  width: 150px;\n  height: 150px;\n  border-radius: 30px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n}\n\n.app-name {\n  font-size: 28px;\n  color: white;\n  font-weight: bold;\n  margin-bottom: 60px;\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n}\n\n.enter-btn {\n  padding: 12px 40px;\n  background-color: white;\n  color: #6e8efb;\n  border-radius: 25px;\n  font-weight: bold;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.enter-btn:active {\n  transform: scale(0.95);\n}",
+  props: [],
+  emits: [],
+  slots: [],
+  dataSources: {},
+  __VTJ_BLOCK__: true,
+  __VERSION__: "1754534945746",
+  id: "18o4xz29",
+  nodes: [
+    {
+      id: "18o4z7x6",
+      name: "View",
+      from: "",
+      invisible: false,
+      locked: false,
+      children: [
+        {
+          id: "28o4z7x6",
+          name: "View",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: [
+            {
+              id: "38o4z7x6",
+              name: "Image",
+              from: "",
+              invisible: false,
+              locked: false,
+              children: [],
+              props: {
+                class: "logo",
+                src: "https://picsum.photos/200/200?random=1",
+                alt: "App Logo"
+              },
+              directives: [],
+              events: {}
+            }
+          ],
+          props: {
+            class: "logo-container"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "48o4z7x6",
+          name: "View",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: "\u6211\u7684\u5E94\u7528",
+          props: {
+            class: "app-name"
+          },
+          directives: [],
+          events: {}
+        },
+        {
+          id: "58o4z7x6",
+          name: "View",
+          from: "",
+          invisible: false,
+          locked: false,
+          children: " \u7ACB\u5373\u4F53\u9A8C ",
+          props: {
+            class: "enter-btn"
+          },
+          directives: [],
+          events: {
+            click: {
+              name: "click",
+              handler: {
+                type: "JSFunction",
+                value: "this.enterApp"
+              },
+              modifiers: {}
+            }
+          }
+        }
+      ],
+      props: {
+        class: "launch-page"
+      },
+      directives: [],
+      events: {}
+    }
+  ]
+};
+
 let isInit = false;
 let _platform = "web";
 async function saveLogs(e, opts) {
@@ -604,12 +1227,32 @@ async function init(_body, opts) {
     }
     return success(dsl);
   } else {
+    const launchPage = {
+      id: uid(),
+      dir: false,
+      layout: false,
+      name: "LaunchPage",
+      title: "\u542F\u52A8\u9875",
+      icon: "",
+      mask: false,
+      hidden: false,
+      raw: false,
+      pure: true,
+      cache: false,
+      needLogin: false,
+      style: platform === "uniapp" ? {
+        navigationStyle: "custom"
+      } : {},
+      type: "page"
+    };
     const model = new ProjectModel({
       id,
       name,
       description,
       platform,
-      blocks: plugins
+      blocks: plugins,
+      pages: [launchPage],
+      homepage: launchPage.id
     });
     dsl = model.toDsl();
     if (platform === "uniapp") {
@@ -617,6 +1260,28 @@ async function init(_body, opts) {
     }
     repository.save(id, dsl);
     dsl.__BASE_PATH__ = opts.staticBase;
+    let page;
+    if (platform === "web") {
+      page = new BlockModel(
+        Object.assign(webPageJson, { id: launchPage.id, name: launchPage.name })
+      );
+    }
+    if (platform === "h5") {
+      page = new BlockModel(
+        Object.assign(h5PageJson, { id: launchPage.id, name: launchPage.name })
+      );
+    }
+    if (platform === "uniapp") {
+      page = new BlockModel(
+        Object.assign(uniappPageJson, {
+          id: launchPage.id,
+          name: launchPage.name
+        })
+      );
+    }
+    if (page) {
+      await saveFile(page.toDsl(), opts);
+    }
     return success(dsl);
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/local",
   "private": false,
-  "version": "0.13.1",
+  "version": "0.13.3",
   "type": "module",
   "keywords": [
     "低代码引擎",
@@ -22,10 +22,10 @@
   "license": "MIT",
   "dependencies": {
     "formidable": "~3.5.1",
-    "@vtj/coder": "~0.13.1",
-    "@vtj/core": "~0.13.1",
-    "@vtj/node": "~0.12.4",
-    "@vtj/parser": "~0.13.1"
+    "@vtj/coder": "~0.13.3",
+    "@vtj/core": "~0.13.3",
+    "@vtj/parser": "~0.13.3",
+    "@vtj/node": "~0.12.4"
   },
   "devDependencies": {
     "@types/formidable": "~3.4.5",