HalfwayHill / editor-demo

Vue3 + Vite + Pinia + TS 低代码 图表编辑器(Chart Editor)

Home Page:https://halfwayhill.github.io/editor-demo/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Editor Demo

项目预览地址

技术栈

  • Vue3
  • Vite
  • Pinia
  • Typescript
  • animate.css 动画库
  • element-plus 样式库
  • echarts 图表库
  • lodash 函数库
  • mitt 事件收发库
  • vue-router 路由库
  • ESLint
  • Prettier
  • husky
  • lint-staged

项目功能

  • 编辑器 - 画布
  • 自定义组件
  • 拖拽
  • 删除组件、调整图层层级
  • 放大缩小
  • 撤销重做
  • 吸附
  • 编辑器 - 基础属性栏
  • 预览、保存数据
  • 编辑器 - 绑定事件
  • 编辑器 - 绑定动画
  • 拖拽旋转
  • 复制 - 粘贴 - 剪切
  • 编辑器模块组件
  • 组件组合与拆分
  • 组件锁定与解锁
  • 快捷键
  • 文本组件
  • 矩形组件
  • 网格线
  • 动态属性面板
  • 动态数据来源
  • 组件联动
  • 组件按需加载

构建

# Install all package
pnpm install
# Dev
pnpm run dev
# Build
pnpm run build

About

Vue3 + Vite + Pinia + TS 低代码 图表编辑器(Chart Editor)

https://halfwayhill.github.io/editor-demo/

License:MIT License


Languages

Language:Vue 51.3%Language:TypeScript 47.7%Language:CSS 0.6%Language:HTML 0.3%Language:Shell 0.1%