🚀 Lowcode Engine Vue Demo

This is a Lowcode Engine demo based on Vue. You can experience the following versions online:

Note: As the Vue 2.7 version is currently not open-source, only URL access is provided.

• Vue 3: https://lowcode-engine-demo-vue.vercel.app/
• Vue 2.7: https://lowcode-engine-demo-vue2-7.vercel.app/
• Vue 2.7 Examples: https://lowcode-engine-demo-vue2-7-examples.vercel.app/

🌱 Getting Started

run the development server:

Recommended versions:

• node ^v16.14.0
• pnpm ^8.15.4

pnpm install

pnpm run dev

Open http://localhost:5577 with your browser to see the result.

💡 Usage Considerations

When using variables:

• this.props.xxx -> this.xxx
• this.state.xxx -> this.xxx

At present, the vue code editor has not been adapted yet. You can directly edit the code using the react code editor.

• The content within state will automatically convert to vue data.
• Lifecycle events will automatically adapt to vue lifecycle.
  • componentDidMount -> onMounted
  • componentDidCatch -> onErrorCaptured
  • shouldComponentUpdate -> onBeforeUpdate
  • componentWillUnmount -> onBeforeUnmount
• All other methods will automatically convert to vue methods.

⚡ Credits

Code built with the help of these related projects:

• @alib/build-scripts for development and build.
• @alilc/lowcode-plugin-components-pane Lowcode Plugin Component Panel
• @alilc/lowcode-plugin-datasource-pane Datasource Panel Plugin
• @alilc/lowcode-plugin-inject In-project Debugging Plugin
• @alilc/lowcode-plugin-schema View Lowcode Engine Schema
• @alilc/lowcode-plugin-set-ref-prop Ability to Set ref-id in the Advanced Settings Panel
• @alilc/lowcode-plugin-simulator-select Canvas Switching
• @alilc/lowcode-plugin-undo-redo Lowcode Plugin Undo and Redo
• @alilc/lowcode-types Type Definitions
• @knxcloud/lowcode-plugin-vue-code-editor Vue Code Editor
• @knxcloud/lowcode-utils Utility Library for @knxcloud Packages
• @knxcloud/lowcode-vue-renderer Vue Renderer
• @knxcloud/lowcode-vue-simulator-renderer Vue Simulator Renderer
• @cdlab996/lowcode-plugin-manual Lowcode Plugin Manual (Due to the official plugins not supporting URL configuration, it has been separated)
• @cdlab996/lowcode-engine-ext-vue Adapting Vue Setters
• @cdlab996/plugin-directive-loading Vue Custom Directive
• @cdlab996/lowcode-plugin-set-doc-url Lowcode Plugin Component material new documentation address
• @cdlab996/antd-lowcode-materials Ant Design Vue Materials
• @cdlab996/element-plus-lowcode-materials Element Plus Materials
• @cdlab996/vant-lowcode-materials Vant Materials

📜 License

MIT License © 2023-PRESENT cdLab996