apd

custom application designer

Usage no npm install needed!

<script type="module">
  import apd from 'https://cdn.skypack.dev/apd';
</script>

README

App Designer

NPM Version NPM Downloads

image

Online Demo

https://guozhaolong.github.io/apd/

Usage

import React, { useState } from 'react';
import AppDesigner from 'apd'

export default function() {
  return (
    <AppDesigner height={600}/>
  );
}

TODO

v1.0.0

  • *** 控件：拖拽、排序。
  • *** 属性面板：配置控件属性。
  • ** 预览：可生成页面预览。
  • ** 弹出窗：可编辑保存。
  • ** 导出：导出页面标签xml数据。
  • * 属性优化。

TIPS

多个应用请保持各应用的根级canvas控件的id唯一，否则会出现切换应用不刷新组件的问题